JavaScriptで記述された、JavaScript用のライブラリです。
なお、jQueryオブジェクトは省略して$オブジェクトでも使用できます。
セレクタで指定した内容にマッチした要素をjQueryオブジェクトで取得します。
なお、セレクタはCSSと同様の指定ができます。
引数 | 値 | 説明 |
Selectors | CSSセレクタ | CSSセレクタの形式で指定します |
Context(省略可能) | CSSセレクタ | 検索対象を絞ることができます |
$("#hoge") // 「全て」の中から「#hoge」を取得 $(".hoge", #fuga) // 「#fuga」の中にある「.hoge」を取得
引数にDOM要素を設定すると、DOM要素をjQueryオブジェクトに変換します。
引数 | 値 | 説明 |
DOM | DOM要素 |
var hoge = jQuery(document.getElementsByTagName("div")[0]);
引数にjQueryオブジェクトを設定すると、jQueryオブジェクトを複製できます。
引数 | 値 | 説明 |
jQuery | jQueryオブジェクト |
var hoge = jQuery("div"); var fuga = jQuery(hoge);
引数にObjectオブジェクトを設定することでjQueryオブジェクトに変換できます。
引数 | 値 | 説明 |
Object | Objectオブジェクト |
testObj = {aaa:"my id is aaa", bbb:"my id is bbb"}; $(function () { $("div").click(function(){ var myName = $(testObj).prop(this.id); alert(myName) }); });
引数に何も設定しないと、空のjQueryオブジェクトを返します。
ver1.4未満では引数を設定しないとdocumentが返ってきていました。
保存したjQueryオブジェクトをリセット(何も選択されていない状態)する時や、変数の初期値として利用します。
$(document).ready(function(){...});
$(function(){...});
$().ready(function(){...});