|
|||||||||||||
|
|||||||||||||
jQuery
jQuery とは、John Resig によって開発された JavaScript ライブラリです。 Ajax や DOMプログラミングを「簡潔に」「簡単に」書くことができる、軽量で強力なフレームワークです。 jQueryプロジェクトは、4つのプロジェクトで構成されています。
ぱかっす このサイトでは、jQuery Core、jQuery UI の日本語リファレンスを公開しています。
実際に実行できる、分かりやすいサンプルを付け、詳細に解説しました。 準備ダウンロード
jQuery の Download から、最新版をダウンロードしましょう。 簡単な使用方法ダウンロードしたjQueryのファイルを、JavaScriptの外部リソースとして指定するだけです。 あとは、好きなところで jQuery を使うことができます。 <html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// jQueryを利用してコードを書く
</script>
</head>
<body>
</body>
</html>
特徴強力なセレクタ
$() の引数には、HTML、DOM、CSSセレクタなど、可能な限りの引数を受け入れ、走査してくれます。これはとても強力です。 idが test_result の子要素である img 要素のうち、偶数番目(0から始まる)の全ての要素の width 属性を 2倍にする。 $("#test_result > img:even").attr("width", function(){return this.width*2}); idが test_result の子要素である img 要素のうち、0番目以降(0番目を含まない)で、表示されている全ての要素を非表示にする。 $("#test_result > img:gt(0):visible").hide(); メソッドチェーン
多くの関数は、jQueryオブジェクトを返すので、関数を連鎖して実行することができます。 $("p.test") // p.test 要素の jQuery オブジェクト .css("backbround", "green") // 背景を green に .click(function(){ alert($(this).text()); }) // クリックされたらテキストを表示 .find("div.yellow") // 子孫要素の div.yellow を取得 .css("border", "5px solid blue"); // 枠線を 5px 実線 青 に プラグイン
jQueryは、プラグインによって機能を拡張することができます。 クロスブラウザ
IE 6.0以上、FF 2 以上、Safari 3.0以上、Opera 9.0以上、Chromeに対応しています。(Ver1.4) 軽量jQueryには、Minified(縮小版)、Uncompressed(非圧縮版) があります。
|
|
||||||||||||
© 2007-2011 by いけまさ. All rights Reserved. |