位置: 编程技术 - 正文

javascript高级选择器querySelector和querySelectorAll全面解析(javascript 高级)

编辑:rootadmin

推荐整理分享javascript高级选择器querySelector和querySelectorAll全面解析(javascript 高级),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript高级程序设计和权威指南,javascript选择语句,javascript选项,javascript选项,javascript选项,javascript选项,javascript选项,javascript选项,内容如对您有帮助,希望把文章链接给更多的朋友!

querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。

目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。

querySelector 和 querySelectorAll 在规范中定义了如下接口:

从接口定义可以看到Document、DocumentFragment、Element都实现了NodeSelector接口。即这三种类型的元素都拥有者两个方法。querySelector和querySelectorAll的参数须是符合 css selector 的字符串。不同的是querySelector返回的是一个对象,querySelectorAll返回的一个集合(NodeList)。

获取页面I属性D为test的元素:

获取页面class属性为”red”的元素:

javascript高级选择器querySelector和querySelectorAll全面解析(javascript 高级)

ps:

但需要注意的是返回的nodeList集合中的元素是非实时(no-live)的,想要区别什么是实时非实时的返回结果,请看下例:

通过上面的例子就很好地理解了什么是会实时更新的元素。document.getElementById返回的便是实时结果,上面对其添加一个子元素后,再次获取所有子元素个数,已经由原来的2个更新为3个(这里不考虑有些浏览器比如Chrome会把空白也解析为一个子节点)。

Element.querySelector和Element.querySelectorAll和jQuery(element).find(selector)选择器的区别:

querySelectorAll 在文档内找全部符合选择器描述的节点包括Element本身

jQuery(element).find(selector) 在文档内找全部符合选择器描述的节点不包括Element本身

以上这篇javascript高级选择器querySelector和querySelectorAll全面解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

javascript冒泡排序小结 冒泡排序示例,双向冒泡排序与对双向冒泡排序稍微的改进的可视化效果。代码很简单,不知道有木有未知bug。大神请勿吐槽冒泡排序示例varls=[,,6,

js创建jsonArray传输至后台及后台全面解析 之前一直没弄清jsonArray和jsonObject的区别,今天终于弄明白了。jsonArray是数组,以[]包含数据,jsonObject是对象,以{}包含数据。介绍一个在前台组建一个js

举例讲解如何判断JavaScript中对象的类型 在编写js程序的过程中,可能常常需要判断一个对象的类型,例如你写了一个函数,需要通过判断不同的参数类型来编写不同的代码。首先可能会想到typ

标签: javascript 高级

本文链接地址:https://www.jiuchutong.com/biancheng/370009.html 转载请保留说明!

上一篇:关于cookie的初识和运用(js和jq)(对于cookie的描述)

下一篇:javascript冒泡排序小结(javascript冒泡排序代码)

  • 销售商品返还现金
  • 对公账户发工资1万要交税吗
  • 支付增值税税控系统技术维护费用500元
  • 应付票据保证金的会计分录怎么写
  • 法人的投资款如何拿出来
  • 个人账户转公司账户需要交税吗
  • 建筑业为员工购的意外险可以所得税抵吗?
  • 增值税普通发票税率
  • 房地产开发企业取得的土地使用权用于建造
  • 事业基金弥补收支差额
  • 增值税多交了怎么申请退税
  • 生产型出口企业的概念
  • 收到预付款是否确认收入
  • 劳务服务公司可以承包大型工程吗?
  • 销售出库未开票怎么入账
  • 进项税额转出是负数是什么意思
  • 公司废业
  • ubuntu18.04 u盘安装
  • php中运算符
  • 电脑输入法无法输入中文怎么办
  • PHP:Memcached::getMultiByKey()的用法_Memcached类
  • kaggle官网注册
  • yii实现使用CUploadedFile上传文件的方法
  • 山茶花的养殖方法和注意事项视频
  • 资产评估增值是什么意思
  • php调用其他php
  • opencv+python
  • 民办学校学费收入
  • 事业单位员工工资
  • 出口免抵退转免税
  • sqlserver连接数据库的方法
  • 环保税的纳税义务人是施工方还是建设方安徽
  • 进账加计抵减政策
  • 总承包可以转包吗
  • 更正申报多交的增值税查账么
  • 人工成本的分类是
  • 清理扬声器
  • sqlserver 数据集字符集种类
  • 个体户查账征收个人所得税税率
  • 固定资产折旧计入什么费用
  • 固定资产折旧的计算方法
  • 小额贷款在银行需要什么条件
  • 投资折价会计处理
  • 自产赠送视同销售的成本如何确定?
  • 筹建期间购买的五金工具计入什么科目
  • 冲回上月暂估入账的商品会计分录
  • 主营业务利润率反映了企业的什么能力
  • 电子承兑汇票是24小时签收吗
  • 新建厂房需要缴纳什么税
  • 以物易物方式销售货物的增值税处理
  • 固定资产折旧计算表模板
  • 住宿费开的增值税专用发票怎么记账
  • 开发成本贷方负数表示什么
  • 购入固定资产一次性税前扣除
  • 无形资产占公司比例
  • mysql如何解压
  • Computer Browser是什么进程,Computer Browser有什么用?
  • mac怎么用知云翻译
  • win10预览版21277
  • win7如何彻底删除软件
  • linux系统中的用户分为哪几类
  • 根据自己的需求配置一台电脑
  • win8 系统设置
  • linux各种命令
  • win10系统怎么设置电脑密码
  • win10系统edge浏览器无法调用F12
  • win10 系统软件
  • cocos2d-x 3.2 在window平台vs2012下解决中文乱码问题
  • Tutorial 4: Shaders
  • cocos 3.x android下home键后,切回游戏时黑屏太久的问题
  • opengl消隐
  • css分页样式
  • jquery 设置checked
  • unity3d 场景
  • python怎么用的
  • 国税局宁夏税务
  • 增值税进项发票勾选时间
  • 怎么知道自己的城乡属性
  • 企业税务登记是什么证件
  • 四川税务法人实名采集
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设