querySelectorAll 探讨
随着css selector engine在越来越多的javascript库中实现,进而影响了浏览器开发商,在现代(除了ie)的浏览器中都实现了css selector api : querySelector,querySelectorAll ,利用原生的 render engine ,速度得到了极大的提高,最终反馈到新的javascript库中,在进行选择器筛选时都要首先进行能力检测(feature test),适时地选择原生实现。
这里说明一下使用原生 querySelectorAll? 会遇到的问题以及解决思路:
node.querySelectorAll (selector) ,根据规范定义:
The querySelectorAll() method on the NodeSelector interface must, when invoked, return a NodeList containing all of the matching Element nodes within the node’s subtrees, in document order. If there are no such nodes, the method must return an empty NodeList.
简单的说就是在节点的子树集合中查找符合css选择串的节点集合。
测试html结构:
?
??
?
?