• 技术文章 >web前端 >js教程

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

    黄舟黄舟2017-06-23 14:32:40原创1151
    为什么多了那个h2标签,jQuery中的first-child就无法生效呢?见下图所示。谢谢了

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js">
    </script>
    <script type="text/javascript"> $(document).ready(function(){
    $('div p:first-child').css('backgroundColor', '#555');
    });
    </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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    上一篇:jQuery :first-child选择器使用出现的问题 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一文详解多版本node的安装和管理• Angular学习之聊聊Http ( 错误处理 / 请求拦截 )• 浅析Angular中的Change Detection机制• 实战学习:聊聊Node.js怎么操作数据库• 一文聊聊node中的path模块
    1/1

    PHP中文网