jQuery –子および兄弟セレクターの例
jQueryの子および兄弟セレクターは、子孫セレクター(A B)、子セレクター(A> B)、隣接する兄弟セレクター(A + B)、および一般的な兄弟セレクター(A〜B)の4つのセレクターに分割できます。 例を見て、その間の違いを理解しましょう。
まず、子供と兄弟とは何かを理解する必要があります。 この例を見てみましょう。
Child and Sibling Selectors example
I'm the first child.I'm the great grandchild.I'm the grandchild.I'm the second child.I'm the third child.I'm person1I'm person2
I'm person3
要素の下にあるすべての
要素はその子です。 そして、「person1」、「person2」、「person3」は兄弟関係にあります。
1. 子孫セレクター(A B)
子孫セレクターは、「A」要素の子、孫、great孫、great孫のすべてである「B」に一致するすべての要素を選択するために使用されます。
$(".person1 div").css("border", "2px solid red");
2. 子セレクター(A> B)
子セレクターは、「A」要素の子である「B」に一致するすべての要素を選択するために使用されます。
$(".person1 > div").css("border", "2px solid red");
3. 隣接する兄弟セレクター(A + B)
隣接する兄弟セレクタは、「A」要素の兄弟である「B」と一致する直後または次の要素を選択するために使用されます。
$(".person1 + p").css("border", "2px solid red");
4. 一般的な兄弟セレクター(A〜B)
一般的な兄弟セレクターは、「A」要素の兄弟である「B」と一致するすべての要素を選択するために使用されます。
$(".person1 ~ p").css("border", "2px solid red");
jQueryセレクターについてもっと理解していただければ幸いです。
Related
- jQueryでラジオボタンを選択する方法
- JSON文字列のjQueryループ - $. 各例
- jQuery - nth-childセレクターの例
- jQueryで複数の要素を選択する
- jQuery - 子セレクタの例
- jQueryチュートリアル
- jQueryを使ってチェックボックスをチェック/チェック解除する方法
- jQuery - CSSクラス名とIDを持つ要素を取得する方法
- jQuery before()とinsertBefore()の例
- Spring MVC jQueryオートコンプリートの例
- jQuery prev()の例
- jQuery - タグ名の取得方法
- jQuery - 一般的な兄弟セレクターの例
- jQuery - セレクタのサンプルが含まれています
- 春のMVC - IPアドレスを使用して場所を見つける(jQuery Google Map)
- jQuery - テキスト入力に対するウォーターマーク効果
- jQueryフォームセレクタの例
- jQueryを使ってホバー上のテーブル行レコードをハイライト表示する方法
- jQuery - Ajaxリクエストは200 OKを返しますが、エラーイベントは発生しますか?
- jQuery - 空のセレクタの例