jquery 内容选择器子元素选择器

最新推荐文章于 2024-01-14 11:54:30 发布

在下，杨江河

最新推荐文章于 2024-01-14 11:54:30 发布

阅读量121

点赞数

分类专栏： Mac开发文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/Rockandrollman/article/details/128693705

版权

Mac开发专栏收录该内容

294 篇文章 3 订阅

订阅专栏

文章主题

jquery 内容选择器子元素选择器

文章正文

废话不多，代码加注释说话，一目了然

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js""></script>
		<script src="js/index2.js"></script>
	</head>
	<body>
		<div>hello abc</div>
		<div>abc<span>aaa</span></div>
		<div></div>
		<div style="display: none;">:hidden :visible</div>
		<ul>
			<li>111</li>
			<li>222</li>
			<li>333</li>
		</ul>
		<ul>
			<li>111</li>
			<li>222</li>
			<li>333</li>
		</ul>
	</body>
</html>

$(
	function(){
		$("div:contains('hello')").css("color","aqua");
		$("div:has('span')").css("color","rebeccapurple");
		//查找所有有内容的div
		alert($("div:parent").length);
		$("div:hidden").show();
		$("div:visible").hide();
		$("ul li:first").css("background-color","pink");//找到的元素中选择第一个
		$("ul li:first-child").css("background-color","pink");//作为第一个孩子被找到
		$("ul li:last-child").css("background-color","yellow");//作为最后一个孩子被找到
		$("ul li:nth-child(2)").css("background-color","green");//作为第n个孩子被找到
		
	}
)