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

    jquery中子元素选择器和后代元素选择器有什么区别?

    WBOYWBOY2022-09-02 15:48:42原创307

    jquery中子元素选择器和后代元素选择器的区别:1、子元素选择器的语法为“$("父元素>子元素")”,后代元素选择器的语法为“$("父元素 子元素")”;2、子元素选择器只对直接后代产生影响,而对多层后代不产生作用,而后代元素选择器是对所有指定的后代元素产生作用。

    大前端成长进阶课程:进入学习

    本文操作环境:windows10系统、jquery3.6.0版、Dell G3电脑。

    jquery中子元素选择器和后代元素选择器有什么区别?

    后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈、曾孙辈及以上元素。

    子元素:html代码如下,那么在jquery选择时,$(".test>li"),中间为>大于号,则是选取子元素,li对于ul来说是儿子辈元素,所以子元素是指ul标签内儿子辈的元素。

    16.png

    相同点

    后代选择器和子元素标签都可以使用标签名称/id名称/类名称等作为选择器

    后代选择器和子元素标签都可以通过各自的符号一直延续下去

    在企业开发中如何选择

    如果想选中指定标签中的所有指定标签,那么就使用后代选择器

    如果想选择指定标签中的所有特定的儿子标签,那么就使用子元素选择器

    相关教程推荐:jQuery视频教程

    以上就是jquery中子元素选择器和后代元素选择器有什么区别?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:一文解析package.json和package-lock.json 下一篇:教你Node.js+SpreadJS从服务端生成Excel电子表格
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• jquery find方法怎么获取第一个子元素• jquery怎么清除行内样式属性• 用jquery前要导入么• jquery怎么求兄弟节点的内容值• jquery怎么实现几秒后跳转页面
    1/1

    PHP中文网