jQueryはGoogleによって開発されました。最初の jQuery サンプルを作成するには、jQuery 用の JavaScript ファイルを使用する必要があります。 jQuery ファイルは jquery.com からダウンロードするか、jQuery ファイルの絶対 URL を使用できます。

この jQuery の例では、jQuery ファイルの絶対 URL を使用しています。 jQuery のサンプルは script タグ内に記述されます。

jQuery の簡単な例を見てみましょう。

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

出力：

最初の段落が選択されています。

2 番目の段落が選択されています。

3 番目の段落が選択されています。

$(document).ready() と $()

$(document).ready() の間に挿入されたコードは、ページで JavaScript コードを実行する準備ができたときに 1 回だけ実行されます。

値下げ画像

$(document).ready() の代わりに、短縮記法 $() のみを使用できます。

 $(document).ready(function() { $('p').css('color', 'red'); }); 

上記のコードはこのコードと同等です。

隠れたアプリを明らかにする方法

 $(function() { $('p').css('color', 'red'); }); 

短縮記法 $() を使用した jQuery の完全な例を見てみましょう。

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

出力：

最初の段落が選択されています。

2 番目の段落が選択されています。

3 番目の段落が選択されています。

function() { $('p').css('背景色', 'シアン'); }

すべての背景色を変更します

タグまたは段落をシアンにします。