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>

 

posted @ 2018-10-30 20:31  大C文  阅读(1941)  评论(0编辑  收藏  举报