ホームページ > 記事 > ウェブフロントエンド > jQueryのandSelf()メソッドの使用例
jQueryのandSelf()メソッドの使用例
- 巴扎黑オリジナル
- 2017-06-24 10:33:221301ブラウズ
この記事では、主に jQuery での andSelf() メソッドの使用方法を紹介します。この例では、以前に選択した要素を現在の要素コレクションに追加するための andSelf() メソッドの使用スキルを分析します。必要な友人はそれを参照できます
。この記事では、例について説明します。 jQuery で andSelf() メソッドを使用する方法を学びます。皆さんの参考に共有してください。具体的な分析は次のとおりです:
このメソッドは、以前に選択した要素を現在の要素コレクションに追加できます。
文法構造:
コードは次のとおりです:
.andSelf()
このメソッドを理解するのは難しいかもしれないので、見やすくするために次の例を詳しく分析してみましょう。コード、インターセプトのみ コードの核となる内容。
コードは次のとおりです:
$(".second").
next
All().css("color","green");
<ul>
<li>html专区</li>
<li class="second">p+CSS专区</li>
<li>
Javascript
专区</li>
<li>Jquery专区</li>
</ul>上記のコードを実行すると、3 番目と 4 番目の li のテキストの色が緑色に設定されます。以下のコードを見てください:
コードは次のとおりです:
$(".second").nextAll().andSelf().css("color","green");
<ul>
<li>html专区</li>
<li class="second">p+CSS专区</li>
<li>Javascript专区</li>
<li>Jquery专区</li>
</ul>上記のコードが実行されると、2 番目、3 番目、および 4 番目の li のテキストの色が緑色に設定されます。
2 つのコードの実行結果の違いは、andSelf() メソッドによるものです。
コードの実行プロセスを分析します。まず、クラス セレクターを使用して 2 番目の li 要素を選択し、次に nextAll() メソッドを使用して 3 番目と 4 番目の要素を現在の選択に変換します。ここで css() メソッドの呼び出しを開始すると、それが最初のコード部分の結果になります。 andSelf() メソッドが呼び出されると、以前に選択した要素が現在の要素コレクションに追加され、その後 css() メソッドが呼び出され、3 つの li 要素のフォントの色が緑色に変わります。
コード例:
コードは次のとおりです:
<!DOCTYPE html>
<html>
<
head
>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
$(".second").nextAll().andSelf().css("color","green");
})
</script>
</head>
<body>
<p>
<ul>
<li>html专区</li>
<li class="second">p+CSS专区</li>
<li>Javascript专区</li>
<li>Jquery专区</li>
</ul>
</p>
</body>
</html>以上がjQueryのandSelf()メソッドの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。