jQuery_jqueryのandSelf()メソッドの使用例

この記事の例では、jQuery での andSelf() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、以前に選択した要素を現在の要素コレクションに追加できます。

文法構造:

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

.andSelf()

この方法を理解するのは難しいかもしれないので、コードを見やすくするために、コード内のコア コンテンツのみがインターセプトされている次の例を詳しく分析してみましょう。

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

$(".秒").nextAll().css("色","緑");

html エリア

DIV CSS ゾーン

JavaScript ゾーン

JQuery ゾーン

上記のコードを実行すると、3 番目と 4 番目の li のテキストの色が緑色に設定されます。次のコードをもう一度見てください:

コードをコピーします コードは次のとおりです: $(".second").nextAll().andSelf().css("color","green");

html エリア


DIV CSS ゾーン


JavaScript ゾーン


JQuery ゾーン

上記のコードを実行すると、2 番目、3 番目、4 番目のテキストの色が緑色に設定されます。

2 つのコードの実行結果の違いは、andSelf() メソッドによるものです。

コードの実行プロセスを分析します。まず、クラス セレクターを使用して 2 番目の li 要素を選択し、次に nextAll() メソッドを使用して 3 番目と 4 番目の要素を現在の選択に変換します。ここで css() メソッドの呼び出しを開始すると、それが最初のコード部分の結果になります。 andSelf() メソッドを呼び出すと、以前に選択した要素が現在の要素コレクションに追加され、その後 css() メソッドが呼び出され、3 つの li 要素のフォントの色が緑色に変わります。

コード例:

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

<頭>



<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$(".second").nextAll().andSelf().css("color","green"); })

html エリア

DIV CSS ゾーン

JavaScript ゾーン

JQuery ゾーン

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