                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h2>内容筛选器</h2>

<h3>:contains/:has</h3>

<p>contains</p>

</div>

<p>contains</p>

</div>

<p>

</p>

</div>

<p>:contains</p>

</div>

//查找所有class='div'中DOM元素中包含"contains"的元素节点

//并且设置颜色

$(".div:contains(':contains')").css("color","red")

</script>

//查找所有class='div'中DOM元素中包含"span"的元素节点

//并且设置颜色

$(".div:has(p)").css("color", "blue");

</script>

<h3>:parent/:empty</h3>

<a>:parent</a>

</div>

<a>:parent</a>

</div>

<a>:parent</a>

</div>

</div>

//选择所有包含子元素或者文本的a元素

//增加一个蓝色的边框

$("a:parent").css("border", "3px groove blue");

</script>

//找到a元素下面的所有空节点(没有子元素)

//增加一段文本与边框

$("div:empty").text(":empty").css("border", "3px groove red");

</script>

</body>

</html>

qq_羽之翼_0

2017-04-25

源自：jQuery基础 (一)—样式篇 2-8

关注问题我要回答

1146

操作

收起

6 回答

qq_钉子_emouHK
2018-11-07

$(".div:contains(':contains')").css("color","red") //句末差个分号；

0 回复有任何疑惑可以回复我~

收起回答

慕粉木粉
2018-05-24

一楼二楼四楼正解，空格也算一个文本节点

0 回复有任何疑惑可以回复我~

收起回答

荒魂轮廻
2017-09-02

 <div class="aaron">
           
        </div>

在这里你少了一个标签,应该是这样的

        <div class="aaron">
            <a></a>
        </div>

少了一个a标签，

$("div:empty").text(":empty").css("border", "3px groove red");

这句话中的.text(":empty")要给他值的,不知道是不是这个问题

0 回复有任何疑惑可以回复我~

收起回答

青黄不一
2017-05-30

换成 <div class="aaron"></div>试试就能有效果了。这时应该你 <div class="aaron">

</div>有文本节点，不满足：empty的筛选，所以才没有效果的

0 回复有任何疑惑可以回复我~

收起回答

我不是管家
2017-05-08

$("div:empty")的意思是选择没有子元素的元素（包含文本节点），在这个例子中，通常来讲

</div>

就是符合没有子节点的元素，但是不其然，在html中空格也代表文本节点，所以就找不到没有字元素的节点，

如果想成功的话，去掉中间空格 <div class="aaron"></div>，这样就可以了

1 回复有任何疑惑可以回复我~

收起回答

消灭妖精的超人
2017-04-25

</div>

这段代码不可以加空格

1 回复有任何疑惑可以回复我~

收起回答

考拉汪汪

不错的

2017-04-27 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217511 人
解答问题 1218 个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

进入课程

本课相似问答

5 回答$("a:empty").text(":empty").css("border", "3px groove red");怎么会显示：empty？还有

3 回答$('a:parent').text(":empty").css("border", "3px groove red"); 这段代码后面的 .text(":empty")是什么意思

5 回答$('a:parent').css("border", "3px groove blue"); 改成 $('.arron:parent').css("border", "3px groove blue"); 就没效果了。这是为什么？

3 回答$("a:parent").css("border", "3px groove blue");和 $("a").css("border", "3px groove blue");效果一样？

1 回答(".prev~ div").css("border", "3px groove blue");

搜索更多本课相关问答

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？

我要回答关注问题

热搜

最近搜索清空

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？ ​

6 回答

本课相似问答

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？ ​

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？

哪位帅哥能帮忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 为什么这个没有效果呢？