<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="../../CSS/2-8.css" rel="stylesheet" />
<script src="../../JQuery/jquery-2.1.4.min.js"></script>
<title>内容过滤选择器</title>
<script type="text/javascript">
$(function () { //显示包含给定文本的元素
$("div:contains('A')").css("display", "block");
})
$(function () { //显示所有不包含子元素或者文本的空元素
$("div:empty").css("display", "block");
})
$(function () { //显示含有选择器所匹配的元素的元素
$("div:has(span)").css("display", "block");
})
$(function () { //显示含有子元素或者文本的元素
$("div:parent").css("display", "block");
})
</script>
</head>
<body>
<div>ABCD</div>
<div><span></span></div>
<div>EFaH</div>
<div></div>
</body>
</html>