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

    选择给定的祖先元素的所有后代元素。

    jQuery("ancestor descendant")

    ancestor:任何有效的选择器。

    descendant:一个用来筛选后代元素的选择器。

    一个元素的后代可能是该元素的一个孩子,孙子,曾孙等。

    例子

    查找所有表单下的input后代元素。

    <!DOCTYPE html>
    <html>
    <head>
      <style>
     
      body { font-size:14px; }
      form { border:2px green solid; padding:2px; margin:0;
             background:#efe; }
      div { color:red; }
      fieldset { margin:1px; padding:3px; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
      <form>
        <div>Form is surrounded by the green outline</div>
        <label>Child:</label>
        <input name="name" />
     
        <fieldset>
          <label>Grandchild:</label>
          <input name="newsletter" />
        </fieldset>
     
      </form>
      Sibling to form: <input name="none" />
    <script>$("form input").css("border", "2px dotted blue");</script>
     
    </body>
    </html>
    

    上篇:兄弟选择器