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

换一下代码的执行顺序，a元素的边框没了

执行下面两句代码，空元素a会设置一个文本，并且有蓝色边框：

$("a:empty").text(":empty");

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

但如果将这两句代码换下位置，像下面这样，空元素a就只设置了文本，没有边框：

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

$("a:empty").text(":empty");

请教这是怎么回事？

精慕门8683769

2016-04-13

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

关注问题我要回答

818

操作

收起

2 回答

qq_一个人的舞曲_03201898
2016-05-14

前后顺序问题，上面两句先执行给空A标签，添加文本后执行A为父元素的元素添加边框

下面的相反，代码是由上而下解析的，所以下面的没有设置边框

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

收起回答

喵呜_0001
2016-04-13

$("a:empty").text(":empty");这句代码把选定的a的行内样式重置了，所以就没有边框了

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

收起回答

精慕门8683769 提问者

你是说.text()修改了style属性？.text()不是设置文本么？怎么会？

2016-04-18 回复有任何疑惑可以回复我~

喵呜_0001 回复精慕门8683769 提问者

没有修改，是重置，$("a:empty").text(":empty");这句话的语义是说，把没有内容的A标签，重置为空

2016-04-18 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217519 人
解答问题 1216 个

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

进入课程

本课相似问答

3 回答a元素是内联元素，为什么会独占一行？

2 回答查找class="first-div"下的第一个a元素

8 回答最外免得边框和上面的一条是什么元素啊（截图中黑色边框部分）

2 回答子元素和相邻元素在代码中为什么没有效果

2 回答为什么执行结果都是元素的长度=0？

搜索更多本课相关问答

换一下代码的执行顺序，a元素的边框没了

我要回答关注问题

热搜

最近搜索清空

换一下代码的执行顺序，a元素的边框没了

2 回答

本课相似问答

换一下代码的执行顺序，a元素的边框没了