內容過濾選擇器
#:contains(內容)
包含內容選擇器,取得節點內部必須透過標籤包含指定的內容
$(“div:contains(beijing)”)
<div>linken love beijing</div>
<div>jack love shanghai</div>
:empty
#獲得空元素(內部沒有任何元素/文字(空) )節點物件
#$(“div:empty”)
<div>linken love beijing</div>
<div>jack love shanghai</div>
<div></div>
<div></div>< ;div><img /></div><div> </div>
$(“div:has(#apple)”)
<div>hello</div><div><p></p></div>
<div> ;<span id=”apple”></span></div><div><span class=”apple”></span><<span class=”apple”></span>< ;/div>
所尋找的節點必須作為父元素節點存在$(“div:parent”)
#<div>linken love beijing</div>
<div>jack love shanghai</div>
<div></div>
<div><img />
###<div><img /> ;</div>############<div> </div>######<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ //① $(":contains(text)") $("div:contains(beijing)").css('background-color','red'); //② $(":empty") $("div:empty").css('width','200px'); $("div:empty").css('height','100px'); $("div:empty").css('background-color','pink'); //③ $(":has(selector)") console.log($("div:has(.orange)")); //④ $(":parent") console.log($("div:parent")); } </script> </head> <body> <h1>内容过滤选择器</h1> <div>i love beijing</div> <div>jack love shanghai</div> <div></div> <div><img /></div> <div> </div> <div><p class="orange"></p></div> <div><span class="orange"></span></div> <input type="button" value="触发" onclick="f1()" /> </body> </html>下一節