换一下代码的执行顺序，a元素的边框没了
来源：2-8 jQuery选择器之内容筛选选择器
精慕门8683769
2016-04-13 10:21
执行下面两句代码，空元素a会设置一个文本，并且有蓝色边框：
$("a:empty").text(":empty");
$("a:parent").css("border", "3px solid blue");
但如果将这两句代码换下位置，像下面这样，空元素a就只设置了文本，没有边框：
$("a:parent").css("border", "3px solid blue");
$("a:empty").text(":empty");
请教这是怎么回事？
写回答
关注
2回答
-
- qq_一个人的舞曲_03201898
- 2016-05-14 22:25:29
前后顺序问题，上面两句先执行给空A标签，添加文本后执行A为父元素的元素添加边框
下面的相反，代码是由上而下解析的，所以下面的没有设置边框
-
- 喵呜_0001
- 2016-04-13 14:52:40
$("a:empty").text(":empty");这句代码把选定的a的行内样式重置了，所以就没有边框了
jQuery基础 (一)—样式篇
jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局
217509 学习 · 1218 问题
相似问题