最新のWeb開発のチュートリアル
 

jQuery構文


jQueryを使って、あなたは(クエリ)のHTML要素を選択し、それらの「アクション」を実行します。


jQueryの構文

jQueryの構文は、オーダーメイドのHTML要素を選択し、上のいくつかのアクションを実行するためであるelement(s)

基本的な構文は次のとおりです$(selector).action()

  • $ /アクセスのjQueryを定義するための記号
  • セレクタ)」クエリ(または見つける。)「HTML要素
  • jQueryのaction ()に対して実行されるelement(s)

例:

$(this).hide() -現在の要素を非表示にします。

$("p").hide() -すべて非表示になります<p>要素を。

$(".test").hide() -とのすべての要素を隠しclass="test"

$("#test").hide() -を持つ要素を非表示にid="test"

あなたはCSSセレクタに精通していますか?

jQueryのは、要素を選択するCSSの構文を使用しています。 このチュートリアルの次の章でセレクタの構文についての詳細を学びます。


ドキュメントのreadyイベント

あなたは私たちの例では、すべてのjQueryのメソッドは、文書readyイベントの内部にあることに気づいたかもしれません。

$(document).ready(function(){

  // jQuery methods go here...

});

これは、文書は(準備ができている)ロードが完了する前に実行してから、任意のjQueryのコードを防止することです。

文書がそれを使用する前に完全にロードされ、準備ができているのを待つのは良い習慣です。 これはまた、ヘッド部には、あなたの文書の本文の前にJavaScriptコードを持つことができます。

ここではドキュメントが完全に読み込まれる前に、メソッドが実行された場合に失敗することができるアクションのいくつかの例は以下のとおりです。

  • まだ作成されていない要素を非表示にしようとすると
  • まだロードされていない画像のサイズを取得しようとしています

ヒント:jQueryのチームはまた、文書readyイベントのためにさらに短く方法を作成しました:

$(function(){

  // jQuery methods go here...

});

お好みの構文を使用します。 私たちは、文書readyイベントがコードを読み取るときに理解しやすいと思います。