• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 子选择器

    选择所有指定“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

    上篇:交集选择器

    下篇:相邻选择器