内容选择器
内容选择器[selector_4.html]
$("div:contains('John')
$("p:empty")
$("div:has('p')
$("p:parent")
1 <html> 2 <head> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 <script type="text/javascript" src="../js/jquery-1.8.2.js"></script> 5 <style type="text/css"> 6 .myClass{ 7 font-size:44px; 8 color:blue 9 } 10 </style> 11 </head> 12 <body> 13 <div><p>John Resig</p></div> 14 <div><p>George Martin</p></div> 15 <div>Malcom John Sinclair</div> 16 <div>J. Ohn</div> 17 <p></p> 18 <p></p> 19 <div></div> 20 <script type="text/javascript"> 21 /*1)查找所有包含文本"John"的div元素的个数 22 alert( $("div:contains('John')").size() ); 23 */ 24 25 /*2)查找所有p元素为空的元素个数 26 alert( $("p:empty").size() ); 27 */ 28 29 /*3)给所有包含p元素的div元素添加一个myClass样式 30 $("div:has('p')").addClass("myClass"); 31 */ 32 $("div:has('p')").addClass("myClass"); 33 //4)查找所有含有子元素或者文本的p元素个数,即p为父元素 34 alert( $("p:parent").size() ); 35 36 </script> 37 </body> 38 </html>