<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery内容过滤选择器</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
//所有li标签中内容为空的
$('li:empty').text("空内容");
//所有div下,ul标签是父元素的元素
$('div ul:parent').css('background','red');
//好标签中包含内容为"标题的元素"
$('h2:contains("标题")').css('background','pink');
// p标签中有span标签的元素
$('p:has(span)').css('background','blue');
});
</script>
</head>
<body>
<h2>title</h2>
<div>
<h2>222标题111</h2>
<p>段落</p>
<p><span>段落文本</span></p>
<ul>
<span>span</span>
<li></li>
<li></li>
<span></span>
</ul>
</div>
<ul>
<li></li>
<li></li>
</ul>
</body>
</html>