元素 + ID 与 jquery 中的唯一 ID？

Question

div#some_id 将扫描整个 DOM.

中的所有 div

#some_id 将直接从 DOM.

中获取 ID

那么哪个更快？ $('div#some_id') 或 $('#some_id')?

Answer 1

见Optimize Selectors:

Beginning your selector with an ID is always best.

和

ID-only selections are handled using document.getElementById(), which is extremely fast because it is native to the browser.

所以答案是：$('#some_id') 应该更快。

Answer 2

由于 ID 在 DOM 中应该是唯一的，因此 div#some_id 将对所有 DOM 元素进行不必要的扫描，而 #some_id 将直接扫描它。

你也可以在这里看到结果：div-some-id-vs-some-id

Answer 3

我运行在控制台这里做了一个简单的测试。正如@Ulli 所说，似乎只使用 #id 更快。这是测试代码：

var perf = performance;

var a = perf.now(); $("#custom-header"); console.log(perf.now() - a);
VM795:2 0.03399999695830047
undefined
var a = perf.now(); $("#custom-header"); console.log(perf.now() - a);
VM796:2 0.0329999893438071
undefined
var a = perf.now(); $("#custom-header"); console.log(perf.now() - a);
VM797:2 0.0329999893438071
undefined
var a = perf.now(); $("#custom-header"); console.log(perf.now() - a);
VM798:2 0.03500000457279384
undefined
var a = perf.now(); $("div#custom-header"); console.log(perf.now() - a);
VM799:2 0.07000000914558768
undefined
var a = perf.now(); $("div#custom-header"); console.log(perf.now() - a);
VM800:2 0.06600000779144466
undefined
var a = perf.now(); $("div#custom-header"); console.log(perf.now() - a);
VM801:2 0.0680000230204314
undefined
var a = perf.now(); $("div#custom-header"); console.log(perf.now() - a);
VM802:2 0.06799999391660094
undefined
var a = perf.now(); $("div#custom-header"); console.log(perf.now() - a);
VM803:2 0.06799999391660094
undefined

元素 + ID 与 jquery 中的唯一 ID？

Element + ID vs only ID in jquery?

jquery

html

performance

dom

htmlelements