层级选择器:

通过dom的嵌套关系匹配元素

  • jquery层级选择器—-包含选择器、子选择器、相邻选择器、兄弟选择器4种
    • 包含选择器:$("a b")在给定的祖先元素下匹配所有后代元素。(不受层级限制)
    • 子选择器:$("parent > child") 在给定的父元素下匹配所有子元素。
    • 相邻选择器:$("prev + next") 匹配所有紧接在prev元素后的next元素。
    • 兄弟选择器:$("prev ~ siblings") 匹配prev元素之后的所有sibling元素。

案例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22


class
="main">
1"images/1.jpg"/>span>
2"images/1.jpg"/>
</div>
31.jpg">
41.jpg">

51.jpg">