Jquery层叠选择器

最新推荐文章于 2022-05-21 18:34:12 发布

原创最新推荐文章于 2022-05-21 18:34:12 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

Jquery学习专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了层叠选择器的不同类型及其用法，包括后代选择器、直属子节点选择器、相邻节点选择器及所有兄弟节点选择器，并通过具体实例展示了如何使用jQuery进行样式设置。

//层叠选择器
				//1. 后代选择器（不分层次）选中属于第一个ul的所有li节点；基准节点 空格 目标节点
				$("ul:first li").css("border", "3px solid gray");
				//2. 直属子节点选择器： 基准节点 大于号 目标节点
				$("ul:first>li").css("border", "3px solid red");
				//3. 获取form表单中第二个div标签的相邻节点:基准节点 加号 目标节点
				$("form>div:eq(1)+*").css("border", "3px solid red");
				//4. 获取form表单中第二个div标签的所有div兄弟节点:基准节点  ~ 目标节点
				$("form>div:eq(1)~div").css("border", "3px solid red");