在所给定的元素下寻找元素ancestor descendant 与在父元素下找元素 parent >child的区别

最新推荐文章于 2021-05-06 11:06:36 发布

原创最新推荐文章于 2021-05-06 11:06:36 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JQuery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了两种jQuery选择器的使用方法：一是祖先后代选择器，用于选取给定祖先元素下的所有子元素；二是父级子元素选择器，用于选取指定父元素下的直接子元素。通过示例展示了如何使用这些选择器来定位DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、ancestor desendant表示的是在给的祖先元素下寻找所有子元素表示形式：$("form input")

HTML 代码:

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />

jQuery 代码:

$("form input")

结果:

[ <input name="name" />, <input name="newsletter" /> ]

2、parent >child表示的是在付元素下寻找子元素用法：$("form >child")

HTML 代码:

<form>
  <label>Name:</label>
  <input name="name" />
  <fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
 </fieldset>
</form>
<input name="none" />