12,504
回編集
差分
ナビゲーションに移動
検索に移動
==jQuery==| [[Node.js]] | [[TypeScript]] | [[CSS]] | [[CSS3]] | [[レスポンシブWebデザイン]]| ==[[jQuery]]==
編集の要約なし
*[http://www.atmarkit.co.jp/fdotnet/jqueryref/index/index.html 逆引き]
*[[jQuery はじめに|はじめに] [はじめに]
{{amazon|4873114683}}
===ready()メソッド===
*jQueryはready[[jQuery]]はready()メソッドを実装している*ready()メソッドは、一般にDOMのドキュメントオブジェクトにバインドされるカスタムイベントハンドラメソッドは、一般に[[DOM]]のドキュメントオブジェクトにバインドされるカスタムイベントハンドラ
*唯一の引数として関数を受け取る
*この関数にはDOMがトラバースや操作を実行できるようになったときに実行されるJavaScriptのコードが含まれるこの関数にはDOMがトラバースや操作を実行できるようになったときに実行される[[JavaScript]]のコードが含まれる<blockquote>ready()イベントハンドラは、JavaScriptのwindowイベントハンドラは、[[JavaScript]]のwindow.onloadイベントにかわるjQueryの機能であり、必要に応じて何度でも利用できる。</blockquote> [[jQuery]](document).ready(function(){
alert('ready!');
});
===ready()イベントを使うためのショートカット===
[[jQuery]](function(){
alert('ready');
});
<blockquote>このイベントが必要になるのは、ページの先頭で<head>で囲まなければいけない場合のみ。</body>の直前に配置することで、ready()イベントは使わずにすむ。</body>の位置では、DOM要素だけでなく、それよりも前にあるすべてのものを読み込んでから、JavaScriptを実行することになるの位置では、DOM要素だけでなく、それよりも前にあるすべてのものを読み込んでから、[[JavaScript]]を実行することになる</blockquote>
===$グローバルオブジェクト===
*$ グローバルオブジェクトは、jQuery グローバルオブジェクトは、[[jQuery]] に置き換えられます。*$() は、jQueryは、[[jQuery]]() 関数のエイリアスとなります
====$の競合を回避する====
*$はjQueryのエイリアスだが、は[[jQuery]]のエイリアスだが、'[[jQuery]]' という表現とはことなり、'$'は、他のライブラリと競合する可能性がある。*しかしながら、jQuery しかしながら、[[jQuery]] ではなく、$ を利用したい。*匿名関数を作成し、その関数にjQueryオブジェクトを渡したのち、jQueryオブジェクトへのパラメータポイントとして、匿名関数を作成し、その関数に[[jQuery]]オブジェクトを渡したのち、[[jQuery]]オブジェクトへのパラメータポイントとして、$を使う
(function($){ // $ パラメータを使ってプライベートスコープを作成する関数
// 競合の心配なく、$ を利用できる
})([[jQuery]]) // 匿名関数を呼び出し、jQueryオブジェクトを渡す匿名関数を呼び出し、[[jQuery]]オブジェクトを渡す
==セレクタとフィルタ==
===セレクタ===
[[CSS]]| *jQueryでは、CSS1[[jQuery]]では、CSS1-3仕様で規定されているセレクタのほとんどをサポートしているだけでなく、カスタムセレクタを採用している
{|class="wikitable"
!名称
|$(":hidden")
|-
|visibleフィルタ[[vi]]sibleフィルタ|$(":visible[[vi]]sible")
|-
|}
====length====
*jQueryオブジェクトのエレメント数を保持[[jQuery]]オブジェクトのエレメント数を保持
$("img").each(function(){
if ($(this).closest("a[target]").length == 0) {
}
});
===[[プラグイン]]===
====作成====
*[[jQuery プラグインの作成]]
====DataTables====
*[[jQuery DataTables 動的に高さを変更]]==[[Tips]]==*[[jQuery Tips]]
====[[jQuery ]] Cheat Sheet====*{{ref [[jQuery]]-17-Visual-Cheat-Sheet1.pdf}}
© 2006 矢木浩人
