jQuery 语法

jQueryの構文はHTML要素を使って選択子が実行され、要素に対していくつかの操作。

jQueryの基本的な構文：

$(selector).action()

• $シンボルはjQueryを定義します

• (selector)：HTML要素を検索するために使われます

• action()：要素に対して操作を実行するために使われます

例：

$("this").hide()：現在の要素を非表示にするために使われます

$("p").hide()：すべての<p>要素

$(".para").hide()：class="para"を持つすべての要素を非表示にするために使われます

$("#para").hide()：id="para"の要素を非表示にするために使われます

jQueryはCSSの構文を使って要素を選択します。次の章では、jQueryの選択子についてもっと詳しく学びます。

ドキュメントが読み込まれたイベント

あなたは、私たちの例でjQueryのすべてのメソッドがdocument.readyイベントの中で使われていることに気づいたかもしれません：

$(document).ready(function(){
　　//　jQuery メソッド（DOMが準備でき次第実行）
　　
　　});

これは、ドキュメントが読み込まれる前にjQueryコードを実行するのを防ぐためです。

正しい方法は、ドキュメントが完全に読み込まれ、準備ができ次第それを使用することです。

これにより、ドキュメントの本文の最初の部分にJavaScriptコードを取得することもできます。

ドキュメントが完全に読み込まれる前にメソッドを実行すると、以下のような操作が失敗する例があります：

• まだ作成されていない要素を選択しようとする

• まだ読み込まれていない画像のサイズを取得しようとする

jQuery は document.ready イベントに短いメソッドも提供しています：

$(function(){
　　//　jQuery メソッド、上記の書き方と効果が同じです
　　});

在 $(document).ready() を使うことでコードがより読みやすくなります。

注意：これは $(document).ready() というイベントであり、jQuery を使ってページを安全に操作するために使用されます（このイベント内のコードは、DOMが準備でき次第実行されます）。