Home  >  Article  >  Web Front-end  >  html5推出queryselectall之后,jQuery的作用是否减小了?

html5推出queryselectall之后,jQuery的作用是否减小了?

WBOY
WBOYOriginal
2016-06-07 08:43:041504browse

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

回复内容:

首先要弄清楚,querySelectorAll返回的是原生的元素集合,而jQuery的$函数返回的是jQuery对象。大家之所以更愿意用jQuery,很大程度上是因为jQuery对象则提供了一系列简单的DOM操作接口。
以“查询所有.section元素,并将其移除”这个功能为例。如果用querySelectorAll,得这么写:
<code class="language-js"><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>
</code>
题主的说法是对的,必要性显然是减小了。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
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn