jquery内容过滤选择器

最新推荐文章于 2021-10-31 14:50:02 发布

laity01

最新推荐文章于 2021-10-31 14:50:02 发布

阅读量75

点赞数

分类专栏：练习文章标签： jquery css js html

本文链接：https://blog.csdn.net/m0_57675124/article/details/118084149

版权

练习专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>Welcome to My Homepage</h1>
		<p class="intro">My name is Donald</p>
		<p>I live in Duckburg</p>
		
		<p></p>
		
		<p>My best friend 我 Mickey</p>
		
		<div>
			Who is your favourite:
			<ul>
				<li>Goofy</li>
				<li>Mickey</li>
				<li>Pluto</li>
			</ul>
		</div>
		<div><p>dsgdsgfsdf</p></div>
		
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<script type="text/javascript"> 
		 
		$(document).ready(function(){
			// 匹配文本内容
		    $("p:contains(我)").css("background-color","#B2E0FF");
			$("p:empty").css({
				"width":"100px",
				"height":"100px",1
				"background-color":"#B2E0FF"
			});
			
			// has(selector)1
			$("div:has(ul)").css("background-color","red");
			
		});
		 
		</script>	
	</body>
</html>

laity01

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery内容过滤选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald</p> <p>I live.
复制链接

扫一扫