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

源自：2-8 jQuery选择器之内容筛选选择器

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

<script type="text/javascript">

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

//增加一个蓝色的边框

//$('a:parent').css("border", "3px groove blue"); //这样写可以实现效果

$('.arron:parent').css("border", "3px groove blue");//但这样写却无法实现了

</script>

提问者：不要问了我用webstorm 2016-11-19 21:32

个回答

李大仁阿

2017-01-21 10:36:36

首先例子中的class是“aaron” 而不是 “arron” ；其次
$('a:parent').css("border", "3px groove blue");
$('.aaron:parent').css("border", "3px groove blue")；
这两句代码都可以运行，功能不一样而已。
第一句就是例子中的效果，第二句的意思是class为“aaron”元素节点的父元素，也就是最上层的div（class=“left”），然后它的样式改变。

0
Purplefly

2016-12-12 21:09:22

楼上说的对$('a:parent')是指a标签里面不为空,而$('.arron:parent')是指arron类里面不为空。arron类里面包含了a标签不算空

0
qq_晴天_189

2016-11-30 10:09:07

$('a:parent')选择的是所有内容不为空的<a>标签,同理$('.arron:parent')选择的是所有类为arron标签，并且内容不为空。

0
网页好难啊啊啊

2016-11-20 18:08:45

arron和aaron,傻傻分不清，嗯，我也这样

0
web前端实习生

2016-11-19 22:37:02

a arron?

0