首页 > 代码库 > 内容选择器
内容选择器
内容选择器[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>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。