Jquery之子选择器和可见性选择器

最新推荐文章于 2022-11-09 20:11:17 发布

原创最新推荐文章于 2022-11-09 20:11:17 发布 · 620 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

Jquery学习专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用CSS选择器如:first-child、:last-child和:nth-child来精确选择DOM元素，并利用可见性选择器如:visible和:hidden来操作元素的显示状态。

				//子选择器
				//1、选择所有位于其父节点后的第一个位置是指定元素（li）的元素子节点，如果li在ul的第一个位置，则不会被选择
				$("li:first-child").css("border", "3px solid green");
				//2、选择所有位于其父节点后的最后一个位置是指定元素（li）的元素子节点
				$("li:last-child").css("border", "3px solid green");
				//3、选择所有位于其父节点后指定位置的元素（n从1开始）
				$("li:nth-child(2)").css("border", "3px solid green");
				
				
				//可见性/不可见性选择器
				//1、不可见性(type="hidden" display="none" width=height=0）
				$("li:hidden").css("border", "3px solid green");
				//2、获取可显示的元素
				$("li:visible").css("border", "3px solid green");