jquery选择器:按钮和按钮

Question

jquery选择器“：按钮”和“按钮”之间有什么区别。jquery文档api说“：按钮”选择所有的按钮元素，但是这就是普通的jquery选择器所做的，如果我用一个普通的选择器“按钮”来选择按钮，它似乎会返回完全相同的jquery对象。什么是目的“：按钮”和“：按钮”有较低的性能，然后正常的选择器。有理由在“按钮”上使用它吗？

<button id="i1"></button>
<button id="i2"></button>

$(":button").html("button");//works
$("button").html("button2"); works and seems to return same jquery object.

http://api.jquery.com/button-selector/

Answer 1

使用$('button')只选择<button>

使用$(':button')选择<input type="button">和<button>

Answer 2

根据文件

选择所有按钮元素和类型按钮的元素。

它还进一步指出：

使用有效CSS与$( ":button" )等效的选择器是$( "button, input[type='button']" )。

因此，button将匹配：

<button></button>

:button将匹配：

<button></button>
<input type="button" />

Answer 3

它在api文档中写到:button不使用本机querySelectorAll()方法。

因为:按钮是一个jQuery扩展，而不是CSS规范的一部分，所以使用: querySelectorAll()的查询不能利用本机DOM querySelectorAll()方法提供的性能提升。