子选择器
选择所有指定“parent”元素中指定的"child"的直接子元素。
jQuery("parent > child")
- parent:任何有效的选择器。
- child:用来筛选子元素的选择器。
- 作为一个CSS选择器,这个子元素组合器被Safari, Firefox, Opera, Chrome,和 Internet Explorer 7 及以上版本等现代浏览器支持,但尤其不被Internet Explorer6及以下版本支持。然而在jQuery中,这个选择器(与其他所有选择器)能在所有支持的浏览器中工作,包括IE6。
- 这个子元素组合器(E > F)和(E F)都作为后代组合,但是他们有所不同,更具体的是(E > F)它只会选择第一级的后代。
例子
为无序列表<ul >的所有直接子元素加上边框。
<ul class="topnav"> <li>Item 1</li> <li>Item 2 <ul><li>Nested item 1</li><li>Nested item 2</li><li>Nested item 3</li></ul> </li> <li>Item 3</li> </ul> <script>$("ul.topnav > li").css("border", "3px double red");</script>
- Item 1
- Item 2
- Nested item 1
- Nested item 2
- Nested item 3
- Item 3