内容选择器[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>
内容选择器
时间： 2024-10-09 20:03:50