javascript - jquery选择器:button vs button

Question

jquery选择器“:button”和“button”有什么区别。 jquery文档api说“:button”选择所有按钮元素，但这就是普通jquery选择器所做的事情，如果我用普通选择器“button”选择按钮，它似乎返回完全相同的jquery对象。 “:button”的用途是什么？由于“:button”的性能较差，因此与普通选择器相比。有理由使用它而不是“按钮”吗？

<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

根据文档

Selects all button elements and elements of type button.

它还进一步指出:

An equivalent selector to $( ":button" ) using valid CSS is $( "button, input[type='button']" )

因此 button 将匹配:

<button></button>

:button 将匹配:

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