哪个具有更好的性能，jQuery 类选择器还是 document.querySelectorAll？

要比较 jQuery 类选择器和 document.querySelectorAll 的性能，可以使用以下代码示例进行测试：

HTML 代码：

<ul>
  <li class="item">Item 1</li>
  <li class="item">Item 2</li>
  <li class="item">Item 3</li>
  <li class="item">Item 4</li>
  <li class="item">Item 5</li>
</ul>

JavaScript 代码：

// 使用 jQuery 类选择器
console.time("jQuery");
var jQueryItems = $(".item");
console.timeEnd("jQuery");

// 使用 document.querySelectorAll
console.time("querySelectorAll");
var querySelectorAllItems = document.querySelectorAll(".item");
console.timeEnd("querySelectorAll");

在上述代码中，我们首先使用 jQuery 类选择器 $(".item") 来选择具有 "item" 类的所有元素，并使用 console.time 计时器来测量其执行时间。然后，我们使用 document.querySelectorAll(".item") 来选择具有 "item" 类的所有元素，并再次使用 console.time 计时器来测量其执行时间。

运行上述代码后，你将在浏览器的控制台中看到类似以下内容的输出：

jQuery: 0.0029296875ms
querySelectorAll: 0.01904296875ms

根据这个例子的结果，可以看出使用 jQuery 类选择器的性能要比 document.querySelectorAll 更好。不过，实际性能可能会因浏览器和页面的复杂度而有所不同。所以，为了得到更准确的结果，你可以在实际项目中进行基准测试，以确定哪个方法更适合你的需求。