首页 > web前端 > js教程 > jquery :first-child选择器在这种情况下为什么会无效呢?

jquery :first-child选择器在这种情况下为什么会无效呢?

黄舟
发布: 2017-06-23 14:32:40
原创
1704 人浏览过

为什么多了那个h2标签,jQuery中的first-child就无法生效呢?见下图所示。谢谢了

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">
</script>
<script type="text/javascript"> $(document).ready(function(){
$(&#39;div p:first-child&#39;).css(&#39;backgroundColor&#39;, &#39;#555&#39;);
});
</script>	
</head>
<body>
<html>
<div>
    <h2>hello</h2>
    <p>A</p>
    <p>B</p>
    <p>C</p>
    </div>
    <div>
    <p>D</p>
    <p>E</p>
    <p>F</p></div>
    <div>
    <p>G</p>
    <p>H</p>
    <p>I</p>
    </div>
    </body>
    </html>
登录后复制

1591.jpg

first-child只会遍历到第一个子元素

因第一个div里,没有第一个且p的元素

$("div > p").first()
登录后复制

但是选择的是p标签,并不是h2啊?

$("div > p").first()
登录后复制

不行。只有A有效果,D和G没有效果。

nth-of-type
登录后复制

以上是jquery :first-child选择器在这种情况下为什么会无效呢?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板