jQuery内容选择器

最新推荐文章于 2024-10-02 05:39:15 发布

dongciqiu0026

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量60

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/superCwen/p/9879359.html

版权

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>