8. jQuery內容過濾選擇器
阿新 • • 發佈:2018-12-09
<!DOCTYPE html> <html> <head> <title>使用內容過濾選擇器</title> <style type="text/css"> body{font-size:12px;text-align:center} div{float:left;border:solid 1px #ccc;margin:8px; width:65px;height:65px;display:none} span{float:left;border:solid 1px #ccc;margin:8px; width:45px;height:45px;background-color:#eee} </style> </head> <body> <body> <div>ABCD</div> <div><span></span></div> <div>EFaH</div> <div></div> </body> <script src="../jquery.min.js"></script> <script type="text/javascript"> $(function(){ //顯示含有子元素或者文字的元素 $("div:parent").css("display", "block"); //顯示所有選擇器所匹配的元素 //$("div:has(span)").css("display", "block"); //顯示所有不包含子元素或者文字的空元素 //$("div:empty").css("display", "block"); //顯示包含給定文字的元素 //$("div:contains('A')").css("display", "block"); }) </script> </body> </html>