ホームページ > 記事 > ウェブフロントエンド > jQuery_jqueryのandSelf()メソッドの使用例
jQuery_jqueryのandSelf()メソッドの使用例
- WBOYオリジナル
- 2016-05-16 16:21:30950ブラウズ
この記事の例では、jQuery での andSelf() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
このメソッドは、以前に選択した要素を現在の要素コレクションに追加できます。
文法構造:
コードをコピーします コードは次のとおりです:
.andSelf()
この方法を理解するのは難しいかもしれないので、コードを見やすくするために、コード内のコア コンテンツのみがインターセプトされている次の例を詳しく分析してみましょう。
コードをコピーします コードは次のとおりです:
$(".秒").nextAll().css("色","緑");
上記のコードを実行すると、3 番目と 4 番目の li のテキストの色が緑色に設定されます。次のコードをもう一度見てください:
コードをコピーします コードは次のとおりです:
$(".second").nextAll().andSelf().css("color","green");
- html エリア
- DIV CSS ゾーン
- JavaScript ゾーン
- JQuery ゾーン
- html エリア
- DIV CSS ゾーン
- JavaScript ゾーン
- JQuery ゾーン
上記のコードを実行すると、2 番目、3 番目、4 番目のテキストの色が緑色に設定されます。
コードの実行プロセスを分析します。まず、クラス セレクターを使用して 2 番目の li 要素を選択し、次に nextAll() メソッドを使用して 3 番目と 4 番目の要素を現在の選択に変換します。ここで css() メソッドの呼び出しを開始すると、それが最初のコード部分の結果になります。 andSelf() メソッドを呼び出すと、以前に選択した要素が現在の要素コレクションに追加され、その後 css() メソッドが呼び出され、3 つの li 要素のフォントの色が緑色に変わります。
コード例:
コードをコピーします コードは次のとおりです:
<頭>
スクリプト ホーム
<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$(".second").nextAll().andSelf().css("color","green"); })
<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$(".second").nextAll().andSelf().css("color","green"); })
この記事が皆さんの jQuery プログラミングに役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。