jQuery内容选择器


empty:找到既没有文本也没有子元素的指定元素

parent:找到有文本或有子元素的指定元素

contains(text):找到包含有指定文本内容的指定元素

has(selector):找到包含指定子元素的指定元素

<html>

<head>
<title></title>
</head>
    <style>
        div{
            width:50px;
            height:100px;
            background:red;
        }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
       //找到div,且没有内容和没有子元素的div,只有第一个div
var emptyDiv=$('div:empty') console.log(emptyDiv) //找到div,有内容或有子元素的div,第2,3,4,5div var parentDiv=$('div:parent') console.log(parentDiv) //找到div,包括内容'是div',第2,3div var containsDiv=$("div:contains('是div')") console.log(containsDiv) //找到div,子元素为span的,只有第4个 var hasDiv=$("div:has('span')") console.log(hasDiv) }) </script> <body> <div></div> <div>我是div</div> <div>我是div123</div> <div><span></span></div> <div><p></p></div> </body> </html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM