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