jQuery - 选择器（四）
这部分是内容过滤器（content filter）：
:contains() 选择所有包含指定文本的元素。
:empty 选择所有不包含子元素（或文本）的元素。和:parent选择器相反。
:parent 选择所有包含子元素（或文本）的元素。
:has() 选择至少含有选择器所匹配的元素的元素。
一下是具体的例子：
1 <!doctype>
2 <html>
3 <head>
4 <style>
5 div{
6 float:left;
7 width:100px;
8 height:100px;
9 border:1px solid blue;
10 margin:10px;
11 }
12 table{
13 margin:10px;
14 width:100px;
15 height:100px;
16 }
17 </style>
18 <script src="jquery/jquery.js"></script>
19 <script>
20 $(document).ready(
21 function(){
22 $("div:contains('div1')").css("color","blue");
23 $("div:empty").text("it is empty!");
24 $("td:parent").css("color","red");
25 $("td:has(p)").css("color","blue");
26 }
27 )
28 </script>
29 </head>
30 <body>
31 <div id="div1">content div1</div>
32 <div id="div2"></div>
33 <div id="div3"><span></span></div>
34
35 <table border="1">
36 <tr>
37 <td><span>td1</span></td>
38 <td><p>td2</p></td>
39 </tr>
40 <tr>
41 <td></td>
42 <td>td4</td>
43 </tr>
44 </table>
45 </body>
46 </html>
