jQuery(...) と $(...) は同義です。
jQuery.xxx と $.xxx は同義です。
スタイルシートの セレクタ を用いて、HTML文書内からセレクタにマッチする要素の集合をjQueryオブジェクトとして返却します。下記の例では、文書内のすべての div要素の色を設定しています。
$("div").css("color", "red");
下記の例では、title というクラスが設定された要素の色を変更します。
$(".title").css("color", "red");
context には、検索の対象となる要素を記述します。下記の例では、id="main-frame" 要素の子孫要素に含まれる div要素の色を変更しています。
$("div", "#main-frame").css("color", "red");
引数にJavaScriptオブジェクトを渡すこともできます。
$(document.forms[0]).css("color", "red");
html で指定した要素を新規に作成して返却します。下記の例では、広告を表示する要素を生成し、body要素の最後に追加します。
$("<div>Copyright (C) 2013 Xxx</div>").appendTo("body");
下記の様に、第2引数に属性のリストを指定することもできます。
$("<div />", { "class": "red", "text": "Copyright (C) 2013 Xxx" }).appendTo("body");
$(document).ready(callback) と同義です。文書の読み込みが完了した際にコールバック関数を呼び出します。下記の例では、文書の読み込みが完了した時点で Hello メッセージを表示します。
$(function() {
alert("Hello!");
});
オリジナルの jQueryオブジェクトに影響を与えず、プロパティやメソッドを変更可能な jQueryオブジェクトの新しい複製を生成します。jQuery 1.7 で非推奨となり、jQuery 1.9 で廃止されました。
hold に true を指定すると、readyイベントの発生を抑止します。<head>～</head> 内など早い時点で true を引数に呼び出すことで readyイベントの発生を抑止し、プラグインの読み込みなどが完了した時点で、false を引数に呼び出すことで、readyイベントの発生を許可します。$.holdReady(true) が呼び出された回数分、$.holdReady(false) を呼び出す必要があります。
<script>
$.holdReady(true);
$.getScript("myplugin.js, function() {
$.holdReady(false);
});
</script>
$ を使用する他の JavaScript ライブラリとの衝突を避けるために、jQuery で $ を使用せず、代わりに jQuery を使用するようにします。
<script>
$.noConflict();
jQuery("div#div1").click(function() { ... });
ただし、readyハンドラの引数に $ を指定した場合、その中でのみ $ を使用することができます。
$.noConflict();
jQuery(document).ready(function($) {
// $ を使った記述が可能
});
// $ を使った記述は不可
removeAll に true を指定すると、jQuery 自体も使用できなくなりますが、あまり指定されることはありません。
ドキュメントが読み込み状態を監視するための Deferred ライクなオブジェクトを示します。下記の例では、ドキュメントが読み込まれた際に実行する関数を指定します。
$.when($.ready).then(function() {
...
});
ドキュメント読み込み失敗時のコールバック関数を設定します。
$.readyException = function(error) {
console.log(error);
}