Child Selector (“parent > child”)
child selector
version added: 1.0jQuery('parent > child')
- parent
- 任何有效的选择器。
- child
- 一个用来筛选子元素的选择器。
描述： 选择所有通过“parent”给定的元素直接子元素，该子元素“child”给定。
像一个CSS选择器，这个子组合器被Safari, Firefox, Opera, Chrome, 和 Internet Explorer 7 及以上版本等现代浏览器支持，但尤其不被Internet Explorer6及以下版本支持。然而在jQuery中，这个选择器（与其他所有选择器）能在所有支持的浏览器中工作，包括IE6。
这个子组合器(E > F)可以被认为是作为后代组合子(E F)不同，更具体的形式是它只会选择第一级的后代。
Example:
Places a border around all list items that are children of <ul class="topnav"> .
<!DOCTYPE html>
<html>
<head>
<style>
body { font-size:14px; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<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>
</body>
</html>