哪个更快:输入[type=“checkbox”]还是:checkbox？

Question

那么我应该使用哪一个来选择元素呢？我以checkbox为例，这个问题涉及到所有的表单元素。

实际上，当我们这样做的时候，下面哪一个更快：

li:first

或

li:eq(0)

Answer 1

来自the documentation

不过，从语义上讲：

$(':checkbox')等同于$('[type=checkbox]')

实话实说：

因为:checkbox是一个jQuery扩展，而不是CSS规范的一部分，所以使用:checkbox的查询不能利用原生DOM querySelectorAll()方法提供的性能提升。为了在现代浏览器中获得更好的性能，请改用[type="checkbox"]。

总是阅读文档。它会让你和我们的生活变得更容易。

Answer 2

对于问题的第二部分:使用:first或:eq(0) doesn't seem to make much difference。

Answer 3

不同的浏览器以不同的方式实现。不可能选择一个对所有人都正确的答案。不同大小的页面甚至可能改变答案。您需要测试代码的性能问题，并修复您发现的问题。这些简单选择器之间的差异不太可能成为问题。