jquery 内容选择器

最新推荐文章于 2024-03-17 20:32:14 发布

“负拾捌”

最新推荐文章于 2024-03-17 20:32:14 发布

阅读量198

点赞数

分类专栏： jquery 文章标签： js jquery html javascript

本文链接：https://blog.csdn.net/qq_49438920/article/details/114377299

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jquery 内容选择器

<script>   
     $(function(){          
       var $div1=$("div:empty");//:empty选择器：找到既没有文本内容也没有子元素的指定元素    
       var $div2=$("div:parent");//:parent选择器：找到有文本内容或者有子元素的指定元素        
       var $div3=$("div:contains('我是div')");//:contains选择器：找到指定文本内容的指定元素            
       var $div4=$("div:has('span')");//:has选择器：找到包含指定子元素的指定元素       
       console.log( $div1);//结果选中第1个元素           
       console.log( $div2);//结果选中第2，3，4个元素
       console.log( $div3);//结果选中第3个元素
       console.log( $div4);//结果选中第4个元素      
         })  
</script>
   </head>
       <body> 
                <div></div> 
                <div>我是div</div>                     <div><span></span></div>  
                <div><p></p></div>
       </body>