$() / jQuery()

このエントリーをはてなブックマークに追加

$メソッドはjQueryで最もよく利用するメソッドです。

これはjQueryメソッドのショートカット記述になっているので、$() と書いてもjQuery()と書いてもほとんど同様に動作します。

ready()

この$メソッドでもっともよく利用されるのは以下の記述でしょう。

$(function(){
  //読み込みが終了した際に実行したい命令
});

$メソッドの引数に関数を定義することで、HTMLの読み込みが終了し、DOM要素の構築が終了した後に実行したい命令を定義できます。これは$(document).ready(function(){…});のショートカット記述です。

$()は他にも様々な機能が実装されています。

セレクタからjQueryオブジェクトの生成

また、つぎのように引数にセレクタを指定することでセレクタに対応したjQueryオブジェクトを返します。

$("a .more")

DOMオブジェクトをjQueryオブジェクトに変換

JavaScriptで取得・生成したDOMオブジェクトをjQueryオブジェクトに変換することも可能です。

$(document.getElementById("bar"))

文字列からjQueryオブジェクトを生成

引数の文字列としてHTMLを指定した場合、指定したHTMLのjQueryオブジェクトを生成します。

$("<div>bar</div>")

ただし、この機能はjQuery 1.10.0より削除され$.parseHTML()を利用し1度DOMオブジェクトに変換してからjQueryオブジェクトを生成する方法が推奨されています。

$($.parseHTML("<div>bar</div>"))
jQuery 1.0.0での追加/変更

$() / jQuery()はjQuery 1.0で定義されたメソッドです。

jQuery 1.10.0での追加/変更

jQuery 1.10.0より文字列からjQueryオブジェクトを生成する機能が除外されました。

参考URL

jQuery() | jQuery API Documentation

登録日 : 2012年09月03日 最終更新日 : 2012年9月3日

同じカテゴリー(jQuery Core)のエントリー

検索

スポンサードリンク

バージョン

リファレンス