输入vs:jQuery中的输入

Question

我不知道为什么人们似乎更喜欢:input在input一个jQuery选择？基本上,这两行似乎做同样的事情:

$('input:first').focus()
$(':input:first').focus()

但第二版更广泛使用,我找不到原因.而且,:input根据这个基准测试选择器似乎更慢:http://jsperf.com/input-vs-input/2

Answer 1

:input是通过jQuery的伪选择器,其中包括<buttons>,<textarea>等

input是一个严格匹配的标签匹配<input>.

这篇补充说明内容:input丰富:

因为:input是jQuery扩展而不是CSS规范的一部分,使用的查询:input无法利用本机DOM querySelectorAll()方法提供的性能提升.要在使用:input选择元素时获得最佳性能,首先使用纯CSS选择器选择元素,然后使用.filter(":input").

- 来自https://api.jquery.com/input-selector/