jQuery 構文
jQuery 構文は、HTML 要素を選択し、選択した要素に対して特定の操作を実行します。
基本構文: $(selector).action()
ドル記号の定義 jQuery
Selector (セレクター) HTML 要素の「クエリ」と「検索」
jQuery の action() は要素に対する操作を実行します
例:
$(this).hide() - 現在の要素を非表示にする
$("p").hide() - すべての <p> 要素を非表示にする
$("p.test") () - class="test" ですべての <p> 要素を非表示にする
$("#test").hide() - id="test" ですべての要素を非表示にする
ドキュメント準備完了イベント
あなたこの例のすべての jQuery 関数がドキュメント準備完了関数内にあることに気付いたかもしれません:
$(document).ready(function(){
// jQuery コードの作成を開始します...
});ドキュメントが完全にロードされる (準備が整う) 前に jQuery コードが実行されるのを防ぐためです。
ドキュメントが完全にロードされる前に関数を実行すると、操作が失敗する可能性があります。以下に 2 つの具体的な例を示します:
存在しない要素を非表示にしようとする
不完全にロードされた画像のサイズを取得する
ヒント: 簡潔に記述します (上記と同じ効果):
$(function(){
) // jQuery コードの作成を開始します...
});
ドキュメントの準備ができたら、jQuery メソッドを実行する方法を選択できます。
次のセクション