最佳实践：使用 jQuery 按 id 或类选择？

Question

假设 DOM 中的每个元素都有自己唯一的类名：

1. 在使用 jQuery 选择 DOM 中的元素时，使用 ID 与类名是否更好？

2. 在 jQuery 中使用其中一个是否有任何性能优势？

有人告诉我，传统上通过 ID 而不是通过类获取 DOM 元素要快得多，通常也是更好的做法，但这是否也适用于 jQuery？

非常感谢！

Answer 1

jQuery 只是利用浏览器功能。在较旧的浏览器（IEgetElementsByClassName 功能，但几乎所有浏览器都支持getElementById。在这些浏览器上，jQuery 必须遍历整个树并查找具有给定类名的所有元素。因此，使用 ID 会更快。

但是，请记住 id 必须是唯一的，即不能有两个具有相同 ID 的元素。这通常是不可取的，因为组件可能在同一页面上的不同上下文中使用。仅使用 ID 可以防止这种情况发生。

Answer 2

在 jquery 中按 ID 选择仍然比按类名快。