jquery中子元素选择器和后代元素选择器有哪些区别

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

前端(vue)入门到精通课程:进入学习

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

jquery中子元素选择器和后代元素选择器的区别

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

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

  • 后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。

  • 子选择器只对直接后代有影响的选择器,而对“孙子后代”以及多层后代不产生作用。

jquery中子元素选择器和后代元素选择器有哪些区别

相同点

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

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

在企业开发中如何选择

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

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

读到这里,这篇“jquery中子元素选择器和后代元素选择器有哪些区别”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

文章标题:jquery中子元素选择器和后代元素选择器有哪些区别,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/22587

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年9月2日 下午10:09
下一篇 2022年9月2日 下午10:11

相关推荐

  • MySQL日志管理怎么配置

    MySQL的日志默认保存在数据库文件的存储目录(一般为/usr/local/mysql/data/)。也可以修改配置文件,自定义日志文件的保存位置。 我这里在编译安装时,数据库文件存储目录设置的是/home/mysql。 一、四种日志介绍 1.1 错误日志 错误日志,用来记录当MySQL启动、停止或…

    2022年9月21日
    26500
  • html中头部标签是什么

    html中“<head>”是头部标签。head标签用于定义文档的头部,它是所有头部元素的容器;文档的头部描述了文档的各种属性和信息,包括文档的标题、在Web中的位置以及和其他文档的关系等。head中的元素有base、link、meta、script、style、title。 本教程操作环…

    2022年9月15日
    27900
  • 如何进行越南APT攻击样本的深度分析

    一、前言 APT已经成为了安全领域热门的话题。 Eleven Paths旗下Innovación y laboratorio 4月发表《Docless Vietnam APT》报告: 上述信息表述,我们侦测到一些恶意邮件发送到属于越南政府的邮箱,这封越南语邮件的日期是2019年3月13号。这封邮件…

    2022年9月21日
    18200
  • Linux环境下怎么使用Docker搭建Jenkins容器

    需要提前准备的条件 Maven环境 Docker环境 JDK环境(Centos8 自带JDK环境去除,重装的JDK) Step1:安装Jenkins镜像 用docker查询jenkins镜像 docker search jenkins 我们选择下载第二个,jenkins/jenkins,下载命令 d…

    2022年9月20日
    9600
  • windows7操作系统有哪些版本

    windows7操作系统分为六个版本:1、Starter版本,只通过OEM计算机预装;2、HomeBasic版本,是win7经过简化的一种版本;3、HomePremium版本,能够给家庭用户提供更多的需求;4、Professional版,支持演示模式、加强的网络功能等等;5、Enterprise版本…

    2022年9月15日
    15900
  • word字体放大如何就显示半个

    解决方法 1、首先我们打开word。 2、可以看到文字这里只能显示一半。 3、点击上方菜单栏中的开始。 4、选择段落右下角的图标。 5、然后进行行距的设置。 6、然后选择最小值,这个要视情况而定。 7、这样就能看到文字都已经显示完全了。 读到这里,这篇“word字体放大如何就显示半个”文章已经介绍完…

    2022年9月18日
    7300
  • vue组件值变化但不刷新问题怎么解决

    今天分享文章“vue组件值变化但不刷新问题怎么解决”,主要从:组件值变化但不刷新强制组件刷新、bug复现、解决等几个方面为大家介绍,希望能帮到您。 组件值变化但不刷新强制组件刷新 在调用组件的时候,如果数据中只是某个属性变化(比如id)变化,在vue开发工具中看到变量值变化,但是组件上的数据就是不刷…

    2022年6月29日
    1.2K00
  • win8如何取消开机账户登录

    win8取消开机账户登录的方法 1、win+r打开运行界面。 2、对话框输入“netplwiz”,回车确定。 3、然后把“要使用本计算机,用户必须输入用户名和密码”前面的勾去掉。 4、点击确定之后系统会再次弹出一个密码输入框,这个时候我们再次输入密码点击确定就可以了。 关于“win8如何取消开机账户…

    2022年9月24日
    8200
  • windows中raid0和raid1的区别是什么

    raid0和raid1的区别 一、概念 1、RAID 0: RAUD 0就是多磁盘数据分组同步写读。 2、RAID 1: RAID 1就是多磁盘同数据同步写读。 二、安全性 1、RAID 0: 无数据备份功能,安全性差。 2、RAID 1: 盘间是相互备份的,安全性高。 三、性能 1、RAID 0 …

    2022年9月8日
    18100
  • php如何将数据强转为字符串类型

    两种转换方法:1、在数据之前加上用括号括起来的目标类型“(string)”,语法“(string)指定数据”。2、使用强制类型转换函数strval()或settype(),语法“strval(指定数据)”或“settype(指定数据2,”string”)”。 本教程操作环境:…

    2022年9月26日
    17500
联系我们
站长微信
站长微信
分享本页
返回顶部