问答详情
源自:2-8 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 10:21

个回答

  • qq_一个人的舞曲_03201898
    2016-05-14 22:25:29

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

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

  • 喵呜_0001
    2016-04-13 14:52:40

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