jQuery层次选择器

最新推荐文章于 2024-08-12 12:57:58 发布

zwt0_0

最新推荐文章于 2024-08-12 12:57:58 发布

阅读量7.7k

点赞数 4

分类专栏： jQuery

本文链接：https://blog.csdn.net/zwt_1/article/details/81259257

版权

本文介绍了jQuery中的层次选择器，这些选择器基于DOM元素的层次关系，包括后代、子元素、相邻和兄弟元素的选择。例如，`$("prev+next")`等同于`.next()`方法，用于选取prev元素后的第一个同辈next元素；而`$("prev~siblings")`等同于`.nextAll()`，用于选取prev元素后的所有同辈元素。

摘要由CSDN通过智能技术生成

层次选择器

通过DOM元素之间的结构（层次关系）来获取特定元素，例如后代元素、子元素、相邻元素、兄弟元素等。

层次选择器
选择器	描述	返回	示例
$("ancestor descendant")	选取ancenstor元素中所有descendant（后代）元素，不仅仅是直接子元素	集合元素	$("div span")选取<div>里的所有<span>元素
$("parent>child")	选取parent元素下的child（子）元素，直接子元素，例如：不包括子元素中的子元素	集合元素	$("div>span")选取<div>元素下名为<span>的元素
$("prev+next")	选取紧接在prev元素后的next元素	集合元素	$(".one+div")选取class为one的下一