最有效的jQuery选择器

Question

以下哪个选择器在jQuery中最有效？或者有什么真正的区别吗？

1. input[type=text]
2. [type=text]
3. input:text
4. :text

当然,元素上的ID选择器是最好的,因为解释器可以使用getElementById(),但我试图理解上述选择器中的一般差异.

Answer 1

这是我设置的快速测试用例(请注意,我在属性名称选择器周围添加了必要的引号).它看起来像第一种方法是最快的,这是真正的预期(因为其他方法意味着一个通用*选择器),其次是[type='text'],最后一个地方是:text.

实际上,差异是如此微小,你选择的并不重要.

这是一个截图(编辑 - 我在看到问题的更新后在第4种方法中添加了):