<!DOCTYPE HTML> <html> <head> <title>jQuery内容过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <div>Div1</div> <div>2</div> <div></div> <div><span>Span</span></div> </body> </html>
body{ font-size:12px; text-align:center } div{ float:left; width:66px; height:66px; margin:9px; border:solid 1px #ccc; display:none } span{ float:left; width:44px; height:44px; margin:9px; border:solid 1px #ccc; background-color:#eee }
$(function (){ //jQuery代码 $("div:contains('Div')").css("display","block"); //div容器里面的内容为“Div”的 容器显示 $("div:empty").css("display","block"); //div元素不包含子元素的div容器 显示 $("div:has(span)").show(); //div元素 中包含span标签元素的 容器显示 });
$(function (){ //jQuery代码 $("div:parent").show(); //div元素含有子元素或者文本元素的容器显示 });