jQuery 中的后代选择器和 :has 选择器有什么区别？
从文档中：
后代选择器
描述：选择作为给定祖先的后代的所有元素。
元素的后代可以是该元素的子元素、孙子元素、曾孙元素等。
：有
描述：选择至少包含一个与指定选择器匹配的元素的元素。
如果
存在，则表达式
$('div:has(p)')与匹配其后代中的任何地方，而不仅仅是直接子代。
即使阅读了解释后，我也不清楚其中的区别。有人可以帮我理解吗？
What is the difference between the Descendant selector and the :has selector?
From the documentation:
Descendant selector
Description: Selects all elements that are descendants of a given ancestor.
A descendant of an element could be a child, grandchild, great-grandchild, and so on, of that element.
:has
Description: Selects elements which contain at least one element that matches the specified selector.
The expression
$('div:has(p)')matches a<div>if a<p>exists anywhere among its descendants, not just as a direct child.
Even after reading the explanation, the difference is not clear to me. Can someone help me understand?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
div p中的后代选择器选择div的p后代。div:has(p)中的:has()选择器选择div（如果它包含任何p 元素。粗体部分就是您需要了解的全部内容。其余的可以看作仅仅是选择这些类型的元素的条件。
在CSS选择器术语中，键选择器是最右边的外部简单选择器。 jQuery（或浏览器的 CSS 解析器）获取的元素类型是键选择器中的元素。
在第一个选择器中，键是
p，因为它是最右边的键，出现在后代组合器（空格）之后。这意味着将返回p元素的集合。对于伪类
:has()来说，p是一个“内部”简单选择器，是的一部分:has()伪类，不是整个“外部”选择器的一部分。因此，该选择器中的键是div，而不是p。这意味着将返回div元素的集合，而不是第一个选择器中的p元素。The descendant selector in
div pselects thepdescendants of thediv.The
:has()selector indiv:has(p)selects thedivif it contains anypelements.The bold parts are all you need to know. The rest can be seen as mere conditions as to which elements of those types are selected.
In CSS selector terms, the key selector is the right-most outer simple selector. The kind of elements that get picked up by jQuery (or by a browser's CSS parser) is the one in the key selector.
In the first selector, the key is
p, because it's the right-most one, occurring after the descendant combinator (the space). This means a collection ofpelements will be returned.In the case of
:has(), which is a pseudo-class, thepis an "inner" simple selector that is part of the:has()pseudo-class, not part of the entire "outer" selector. The key in that selector is thereforediv, notp. This means a collection ofdivelements will be returned, rather thanpelements in the first selector.descendants-选择器将选择实际后代，而:has-选择器将选择包含该元素的父元素有（）。The
descendants-selector will select the actual descendants, while the:has-selector will select the parent element(s) that contain the element within the has().