html5推出queryselectall之后，jQuery的作用是否减小了？-H5教程-PHP中文网

html5推出queryselectall之后，jQuery的作用是否减小了？

php中文网

发布： 2016-06-07 08:43:04

原创

1783人浏览过

jQuery就是javascript和query(查询)，html5推出queryselectall之后，可以更快的使用选择器查询了，jQuery的必要性是不是就没那么强了？

与光AI

一站式AI视频工作流创作平台

查看详情

回复内容：

首先要弄清楚，querySelectorAll返回的是原生的元素集合，而jQuery的$函数返回的是jQuery对象。大家之所以更愿意用jQuery，很大程度上是因为jQuery对象则提供了一系列简单的DOM操作接口。
以“查询所有.section元素，并将其移除”这个功能为例。如果用querySelectorAll，得这么写：

<span class="kd">var</span> <span class="nx">sections</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelectorAll</span><span class="p">(</span><span class="s1">'.section'</span><span class="p">);</span>
<span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">sections</span><span class="p">.</span><span class="nx">length</span> <span class="o">-</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span>
    <span class="nx">sections</span><span class="p">[</span><span class="nx">i</span><span class="p">].</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">sections</span><span class="p">[</span><span class="nx">i</span><span class="p">]);</span>
<span class="p">}</span>

登录后复制

题主的说法是对的，必要性显然是减小了。DOM 的接口每方便一点，引入 jQuery 的优势就减小一点。优势减小不等于没用嘛。参考这个：jQuery会过时吗？ - 贺师俊的回答单就选择器来说，jquery的作用减小了。

没有querySelector和querySelectorAll之前，DOM提供的selector功能太有限，getElementById只能取ID，getElementsByTagName只能取节点的名字，getElementsByClassName只能取class名称。要完成复杂的选择器“.className .subclassName p > a”要写很多代码才行。然后JS的框架出现了，css selector逐渐被实现成DSL，querySelector和querySelectorAll把各种框架都支持的css selector port进了DOM，客观上所有框架的这部分功能的作用都减小了；至少复杂的DOM操作，jquery等不是必然选择了。题主要想清楚一个事情，jq不光光是提供了更好用的接口，最关键还是兼容性的问题 Sizzle 2000行， jQuery 9000行，你觉得能一样么 Sizzle懂了的话，就不这么看了对于用原生的人方便不少，但是对于不同浏览器的差异，jq，zepto。。始终需要。。如果你去看一下jquery的查询引擎sizzle的代码，它内部本来就使用了querySelectorAll，用sizzle的好处自然是更多的功能和更好的封装 jquery分为
1.x还有2.x版本，很大一个区别就是选择器直接采用了querySelectorAll