jQuery选择器-内容选择器示例

来源：互联网发布：七日杀低配置优化编辑：程序博客网时间：2024/05/21 11:04

<span style="font-size:18px;"><html><head>    <meta http-equiv="content-type" content="text/html; charset=UTF-8"></span>

<span style="font-size:18px; white-space: pre;"></span><span style="font-size:24px;color:#ff0000;">//jQuery版本根据实际导入版本选择</span><span style="font-size:18px;">    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>    <style type="text/css">        .myClass{            font-size:44px;            color:blue        }    </style></head><body>    <div><p>John Resig</p></div>    <div><p>George Martin</p></div>    <div>Malcom John Sinclair</div>    <div>J. Ohn</div>    <div></div>    <p>   </p>    <p></p><script type="text/javascript">    //1)查找所有包含文本"John"的div元素的个数       // alert($("div:contains('John')").size());    //2)查找所有p元素为空的元素个数       //alert($("p:empty").size());    //3)给所有包含p元素的div元素添加一个myClass样式        </span><span style="font-size:24px;color:#ff0000;">//$("div:has(p)").css();//临时设置样式        //alert($("div:has(p)").addClass("myClass"));//已经设置好的样式直接调用</span><span style="font-size:18px;">    //4)查找所有含有子元素或者文本的p元素个数,即p为父元素    //空格也代表有元素        alert($("p:parent").size());</script></body></html></span>

0 0