位置: 编程技术 - 正文

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冒泡排序代码)

  • 单位的车辆车船税怎么交
  • 利润分配的规则
  • 基金会对外捐赠未收到发票怎么入账
  • 服装纳税税率
  • 赊销固定资产会计科目
  • 包装成本为产品的百分比
  • 房屋租赁合同印花税租赁双方各自要交多少
  • 企业收回报废产品合法吗
  • 汽车融资租赁行业发展趋势
  • 国家税务总局公告2012年第57号
  • 应对税务稽查的六点注意事项
  • 累计折旧余额怎样结转
  • 收回固定资产残值
  • 做账计入收入没有结转成本怎么做账?
  • 取得海运费发票怎么入账
  • 通过拍卖取得的车牌号,过期了怎么办
  • mac系统如何连接北通手柄
  • m1 mac 恢复出厂
  • 账户禁用无法登录怎么办
  • 房地产企业纳税申报需要报哪些报表
  • 现代服务业包括哪些
  • group policy client服务未能登录解决方法
  • 员工的餐费补助怎么算
  • rtfd文件
  • 去年的发票忘记入账怎么处理
  • win11电脑怎么重置
  • 财政补助收入核算内容
  • 圣胡安岛战争
  • java本地缓存框架有哪些
  • 股权融资服务协议
  • 客户多付款入哪个科目
  • 增值税发票洗烂怎么办
  • thinkphp分表查询
  • 从 零开始
  • 使用nvm安装nodejs后无法执行node命令
  • php curl 封装
  • 长期待摊费用装修款如何摊销
  • 跨国公司海外子公司
  • sql2008附加数据库错误3456
  • 债权投资减值对股票影响
  • 绩效工资扣款违法么?
  • 营改增利息收入增值税
  • 不具有销售性质的工作
  • 外贸出口企业申报年月怎么填
  • 多计提的个人所得税退给员工怎么处理
  • 工资算营业成本还是管理费用
  • 企业从银行取得短期贷款存入银行,属于( )类型变化业务
  • 出口货物 增值税
  • 化妆品消费税纳税标准
  • 化妆品的成本利润率
  • 车船税税金及附加
  • 备用金怎么计入明细账
  • 一般纳税人租赁不动产增值税税率
  • 企业清算未收到发票
  • 应收票据及应收账款怎么算
  • 会计账簿的扉页只需填列账簿启用日期和经管人员一览表
  • 会计存货包括生产成本
  • 敬老院的会计科目
  • fcitx输入法配置
  • docker镜像包含什么
  • windows2003域控制器
  • git不小心改了master
  • linux虚拟局域网搭建
  • centos8 php7.4
  • Centos 5.5 php5.1.2升级到php5.2.6的方法
  • win7虚拟内存如何转移到D盘
  • os x10.11el capitan beta6更新了什么?os x10.11el capitan beta6发布下载
  • 笔记本win8.1怎么重装系统
  • glrotatef函数
  • unity3d网络游戏开发
  • 微信小程序访问相册权限在哪里
  • node.js开发微信小程序
  • unity assembly
  • javascript入门基础
  • unity脚本调用
  • 彩票税率税率
  • 国家税务局通用机打发票属于增值税发票吗
  • 环保税按次申报需要交滞纳金吗
  • 出口退税函调管理办法
  • 武汉市江汉区财政局这个单位的公务员待遇怎么样?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设