jQuery + VanillaJS实现了最快的选择方法

Question

我正在用jQuery开发一个应用程序,我想知道用jQuery选择元素的最快方法是什么,这个网页中有数百个元素,每个元素都有一个唯一的id,我这样做:

$("#main-container").addClass("col-lg-12");

我知道这是最慢的方法,所以我认为主要的问题是什么更快？

// 1
$("#main-container").addClass("col-lg-12");

// 2
$(document.getElementById("main-container")).addClass("col-lg-12");

// 3
$(document.querySelector("#main-container")).addClass("col-lg-12");

Answer 1

使用类似http://jsperf.com/的内容进行性能检查

看起来$(document.getElementById("main-container")).addClass("col-lg-12");是这3个中最快的

http://jsperf.com/buttsnanananannana/6

如果你对性能感到恐慌,你可能不应该使用jQuery.你可以这样做:document.getElementById('main-container').classList.add('col-lg-12')