Javascript 使用jQuery遍历DOM-是否会影响性能？

我目前正在加载300多个项目到页面上进行筛选。当前页面和筛选负载非常糟糕

在查看代码之后，我注意到我最初并没有引用ID的第一个。例如：

$('.item > input:checked','#container')

现在，这种方法一直在我的JS文件中使用

以下内容是否会提高性能

$('#container > .drop-content > .item > input:checked')

如果没有，改善这一点的最佳方法是什么

---

谢谢大家。

在

$（'.block a'）

和

$（'.block'）之间有很大的区别。查找（'a'）

---

有。就性能而言，使用它们比使用复杂选择器要好得多。

您可以自己尝试：。最好的方法可能是不使用jQuery选择器扩展（如

：checked

），这样jQuery就可以使用本机浏览器方法（如

querySelectorAll

），这在很大程度上取决于您的HTML。你能发布一些吗？@FelixKling感谢这个很酷的网站：）谢谢跳过。当使用浏览器控制台查找不同的组合时，例如$（'.item>input:checked'，'#container'）-返回fast$（'#container>.drop content>.item>input:checked'）-返回fast$（'.drop content'）。find（'.item'）。find（'.item'）。find（'input:checked'）-慢5秒，我可能会发现上述语法完全错误。由于它是一个需要修改的大文件，我正在寻找最好的方法。输入上没有任何css类吗？使用

$（'.block'）.find（'.input_class'）有。我使用“.find（）”/“.children（）”等更新了整个文档，不幸的是速度没有提高。我会重新调查，因为这显然是另外一件事。谢谢大家的回复。