<!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>