jquery内容过滤选择器

来源:互联网 发布:淘宝网上购物商城 编辑:程序博客网 时间:2024/04/30 07:39

  <script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                //为div元素中所有文本包括A的元素添加样式,包括嵌套元素
                //$('div:contains(A)').addClass('classadd');

                //为div元素中所有不包括子元素或者文本的元素添加样式
                //$('div:empty').addClass('classadd');
                //为div元素中所有包含span元素的元素设置样式,不包含span元素
                //$('div:has(span)').addClass('classadd');

                //为所有包含子元素或者文本的元素设置样式
                $('div:parent').addClass('classadd');
            })
        })
    </script>
</head>
<body>
    <form id="form1" >
    <div>ABCD</div>
    <div><span></span></div>
    <div>EACH</div>
    <div></div>
    <div><div>CAD</div></div>
    <div><span></span></div>
    <input type="button" id="btn" value="点我" />
    </form>
</body>

原创粉丝点击