★jQuery Link focus

クリック時の画像点線枠を消す。
↓↓↓
<a>タグにonfocus="this.blur()"を挿入

<a href="#" onfocus="this.blur()">
<img src="img.jpg" alt="" />
</a>

これをjQueryで。

-jQuery-
$(function () {
　$('a,area,input[type=image]').focus(function () {
　　$(this).blur();
　});
});

★jQuery CSS

CSS3のセレクタをjQueryで利用する

＜基本形＞
$(document).ready(function (){
　/* 実行したい処理 */
});
＝ $(function(){
　/* 実行したい処理 */
});

-jQuery-
$(function () {
　$("CSSセレクタ").css("プロパティ", "値");
　$("div").css("background-color", "red");
});

＝
-CSS-
div {background-color:red;}

※セレクタ
http://semooh.jp/jquery/api/selectors/

★jQuery

＜jQuery設定＞
・head要素内に“jquery.js”を読み込む方法
http://jquery.com/　より、jQueryをダウンロード。
-HTML-
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

・jQueryを取得して読み込む方法（Google AJAX API）
-HTML-
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
</head>

※指定バージョンを“1”とすると“1.x.x”最新バージョンを自動読込。
ただし、キャッシュの有効期間が短くなるので、通常は指定する。

＜ダウンロードの種類＞
・Uncompressed版（jquery-1.x.x.js）： 素のjQueryファイル、内容確認用
・Minified版（jquery-1.x.x.min.js）： 改行など圧縮軽量版、読込用

＜バージョン確認方法＞
ブラウザアドレスバーに、“javascript:alert($().jquery); ”と入力しEnter。
※jQueryが使用されていない場合は、エラーが発生。

★JavaScript

＜基本形＞
-HTML-
<head>
<script type="text/javascript">
<!--
/* JavaScriptのソース */
// -->
</script>
</head>

＜JavaScriptのコンポーネント化＞
-HTML-
<head>
<script type="text/javascript" src="js/import.js"></script>
</head>

-import.js-
document.write('<script type="text/javascript" src="js/jquery.js"><\/script>');
document.write('<script type="text/javascript" src="js/thickbox.js"><\/script>');
document.write('<script type="text/javascript" src="js/yuga.js" charset="utf-8"><\/script>');

※パスは、サーバのルートフォルダからのパスもしくは、HTMLファイルからのパスにする。

＜JavaScriptのコードフォーマット＞
http://jsbeautifier.org/

★コメント

-HTML-
<!-- コメント -->

-CSS-
/* コメント */

-JavaScript-
// コメント（1行用）
/* コメント（複数行） */