Question

jquery选择器和＃34;：按钮＆＃34;之间有什么区别？和＆＃34;按钮＆＃34;。 jquery文档api说＆＃34;：button＆＃34;选择所有按钮元素，但这是正常的jquery选择器所做的，如果我选择带有普通选择器＆＃34;按钮＆＃34;的按钮，它似乎返回完全相同的jquery对象。＆＃34;：按钮＆＃34;的目的是什么？因为＆＃34;：按钮＆＃34;性能较差，然后是普通选择器。是否有理由在＆＃34;按钮＆＃34;？

上使用它

<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

根据文件

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

它还进一步指出：

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

所以button将匹配：

<button></button>

:button将匹配：

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

Answer 2

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

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

Answer 3

它在api文档中写的清楚:button没有使用本机querySelectorAll（）方法。

因为：button是jQuery扩展而不是CSS规范的一部分，使用：button的查询无法利用本机DOM querySelectorAll（）方法提供的性能提升。

jquery选择器：按钮vs按钮

3 个答案: