jQuery_jquery の jQuery() メソッドの使用状況分析

この記事の例では、jQuery での jQuery() メソッドの使用法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

jQuery() メソッドの定義と使用法:
このメソッドは、対応する要素に一致する一連のセレクターを受け入れることができます。 例:

実際のアプリケーションでは、$ は jQuery の略語として使用されるのが一般的です。たとえば、$("li") は jQuery("li") と書くことができます。
jQuery のコア機能はすべてこのメソッドを通じて実装されるか、このメソッドを何らかの方法で使用して実装されます。以下に、このメソッドの使用方法を詳しく紹介します。
文法構造 1:
jQuery() メソッドにパラメータがない場合、空の jQuery オブジェクトが返されます。

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
アラート(jQuery().length);
})
})

クリックして効果を確認してください

文法構造 2:

指定しない場合は、現在のドキュメント全体になります。

コード例:
例 1:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("li").css("color","re​​d");
})
})

• DIV CSS ゾーン


• jQuery ゾーン


• HTML ゾーン

• ASP ゾーン


• スクリプト ハウスようこそ

太陽が出てきました

クリックして効果を確認してください

上記のコードは、li 要素のフォントの色を赤に設定できます。
例 2:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("li",$("div")).css("color","re​​d");
})
})

• DIV CSS ゾーン


• jQuery ゾーン


• HTML ゾーン

• ASP ゾーン


• スクリプト ハウスようこそ

太陽が出てきました

クリックして効果を確認してください

上記のコードは、div の li 要素のフォントの色を赤に設定します。
文法構造 3:
DOM 要素と DOM 要素配列を jQuery オブジェクトに変換します。

パラメータリスト:

コード例:
例 1:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$(document.getElementById("first")).css("color","re​​d");
})
})

• DIV CSS エリア


• jQuery ゾーン


• HTML ゾーン

• ASP ゾーン


• スクリプト ハウスようこそ

太陽が出てきました

クリックして効果を確認してください

上記のコードは、id が最初の li 要素のフォントの色を赤に設定できます。
例 2:

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$(document.getElementsByTagName("li")).css("color","re​​d");
})
})

• DIV CSS エリア


• jQuery ゾーン


• HTML ゾーン

• ASP ゾーン


• スクリプト ハウスようこそ

太陽が出てきました

クリックして効果を確認してください

文法構造 4:

コード例:

<頭>




<スクリプトタイプ="text/javascript">
jQuery(function(){
alert("ドキュメントの読み込みが完了しました");
})

関数は次のコードと同じです:

この記事が皆さんの jQuery プログラミングに役立つことを願っています。