什么时候使用Vanilla JavaScript和jQuery？

Question

什么时候使用Vanilla JavaScript和jQuery？

我注意到，在监视/尝试回答常见的jQuery问题时，使用javascript而不是jQuery的某些实践实际上使您能够少写，少做..嗯，同样的数量。也可能产生性能效益。

一个具体的例子

$(this)VSthis

在引用单击对象id的单击事件中。

jQuery

$(this).attr("id");

JavaScript

this.id;

还有其他类似的常见做法吗？在这里，某些Javascript操作可以更容易地完成，而无需将jQuery引入混合。还是这是个罕见的案子？(指实际上需要更多代码的jQuery“快捷方式”)

编辑：虽然我欣赏jQuery相对于普通javascript性能的答案，但实际上我正在寻找更多的定量答案。使用jQuery时的实例(可读性/紧凑性)会更好地使用普通javascript而不是使用$()..除了我在最初的问题中给出的例子之外。

Answer 1

正确的答案是总当使用jQuery而不是“普通的”原生JavaScript时，性能会受到影响。这是因为jQuery是一个JavaScript库。它不是JavaScript的新版本。jQuery之所以强大，是因为它使得一些在跨浏览器情况下过于繁琐的事情(Ajax是最好的例子之一)，并消除了众多可用浏览器之间的不一致，并提供了一致的API。它还很容易地简化了链接、隐含迭代等概念，从而简化了在元素组上的工作。学习jQuery不能代替学习JavaScript。你应该在后者中有一个坚实的基础，这样你才能完全理解知道前者会给你带来什么好处。-编辑以包括评论正如评论所迅速指出的(我同意100%)，上面的陈述提到了基准代码。“原生”JavaScript解决方案(假设它编写得很好)将优于jQuery解决方案，后者几乎在每种情况下都能完成相同的任务(否则我希望看到一个示例)。jQuery确实加快了开发时间，这是一个很大的好处，我并不想低估它。它便于阅读，易于遵循代码，这比一些开发人员自己能够创建的代码更多。在我看来，答案取决于你试图实现什么。如果正如我根据您对性能好处的引用所推测的那样，您的应用程序所追求的是尽可能快的速度，那么每次调用jQuery时，使用jQuery都会引入开销。$()..如果您要追求可读性、一致性、跨浏览器兼容性等，那么肯定有理由支持jQuery而不是“原生”JavaScript。

Answer 2

有一个叫.。你猜怎么着？Vanilla JS..希望你明白这个笑话.。它为了性能牺牲了代码的清晰性.把它和jQuery你可以看到DOM元素ID几乎是35x更快。*)所以，如果你想要表现，你最好试试香草JS，并得出你自己的结论。可能您不会体验JavaScript在密集代码期间挂起浏览器的GUI/锁定UI线程，比如在for循环。vanillaJS是一个快速、轻量级、跨平台的框架，用于构建难以置信、功能强大的JavaScript应用程序。在他们的主页上有一些额外的比较：