jQuery之層次選擇器

層次選擇器: 查詢子元素, 後代元素, 兄弟元素的選擇器

1. ancestor descendant

在給定的祖先元素下匹配所有的後代元素

2. parent>child

在給定的父元素下匹配所有的子元素

3. prev+next

匹配所有緊接在 prev 元素後的 next 元素

4. prev~siblings

匹配 prev 元素之後的所有 siblings 元素

html：

<

ul>
<
li>aaaaa
li>
<
li class
="box"
>ccccc
li>
<
li title
="hello"
><
span
>bbbbb
span
>
li>
<
li title
="hello"
><
span
>dddd
span
>
li>
<
span
>eeeee
span
>
ul>

需求：1. 選中ul下所有的的span

2. 選中ul下所有的子元素span

3. 選中class為box的下乙個li

4. 選中ul下的class為box的元素後面的所有兄弟元素

//1. 選中ul下所有的的span

$("ul span").css("background","blue");
// 2. 選中ul下所有的子元素span
$("ul>span").css("background","blue");
// 3. 選中class為box的下乙個li
$(".box+li").css("background","blue")
// 4. 選中ul下的class為box的元素後面的所有兄弟元素
$("ul .box~*").css("background","blue");

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...

jQuery層次選擇器

無論何時，我們都要記住的一點就是通過jquery選擇器獲取的jquery物件任何時候都是一組元素。而jquery選擇器又具有這樣的特點 隱式迭代 選擇器 css background color red 則是為這組元素中每個元素的樣式都加上紅色背景。jquery會自動迭代每個元素，這就免去了我們編寫...

jquery層次選擇器

div span 選取裡的所有元素 div span 選取元素下元素名是的子元素 one div 選取id為one的元素的下乙個同輩元素 等同於 one next div one div 選取id為one的元素的元素後面的所有同輩元素 等同於 one nextall div one siblings...