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

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

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

コードをコピー コードは次のとおりです。

jQuery("div")

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

コードをコピー コードは次のとおりです:

jQuery()

コード例:

コードをコピーします コードは次のとおりです:

<頭>




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



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

文法構造 2:

コードをコピーします コードは次のとおりです:

jQuery(selector,context)

パラメータリスト:

参数	描述
selector	用来匹配元素的选择器。
context	可选。待查找的DOM元素集、文档或者jQuery对象。 如果没有指定，则就是当前整个文档。

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

コード例:
例 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 オブジェクトに変換します。

コードをコピー コードは次のとおりです。

jQuery(element|elementArray)

パラメータリスト:

参数	描述
element	要转换成jQuery对象的DOM元素。
elementArray	要转换成jQuery对象的DOM元素数组。

コード例:
例 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:

コードをコピー コードは次のとおりです。

jQuery(callback)

jQuery (コールバック) は、上記のいくつかの例で使用されている $(document).ready() の省略形です。
その機能は、ドキュメントがロードされた後にコールバック関数
を実行することです。 パラメータリスト:

参数	描述
callback	文档加载完成之后要执行的函数。

コード例:

コードをコピーします コードは次のとおりです:

<頭>




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

コードをコピーします コードは次のとおりです。

jQuery(function(){
alert("ドキュメントの読み込みが完了しました");
})

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

コードをコピー コードは次のとおりです:

$(document).ready(function(){
alert("ドキュメントの読み込みが完了しました");
})

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