当前位置: 代码迷 >> 综合 >> javascript 选择器之 querySelector,querySelectorAll 学习
  详细解决方案

javascript 选择器之 querySelector,querySelectorAll 学习

热度:81   发布时间:2024-01-21 14:43:49.0

CSS选择器的方便强大之处想必经常使用的人都有了解。

 

javascript原始库中提供选取DOM节点的方法少之又少,W3C组织也注意到了这里的不足所以 querySelector,querySelectorAll 接口便应运而生

 

querySelector,querySelectorAll 方法让你以一个CSS选择器(这就是重点)作为参数去选取DOM元素。

 

这两个方法之间的相同之处是他们使用了相同的引擎,并且选取节点的效率很高,两者的不同是前者查找到第一个匹配元素后就将其返回并且不再继续查询(返回单个元素),而后者则返回一个匹配元素的List集合(页面中所有匹配的元素)。这与jQUery的选择其非常相似(事实上jQuery就是使用了此接口)

 

浏览器的支持程度:ff3.1+,IE8+(IE8标准模式,太好了变态的IE8都支持了,大家就放心其他主流浏览器吧) ,safari3.1+

  相关解决方案