javascript - 香草 javascript vs jquery

Question

我很难掌握两者之间的区别。我尝试下载库，但没有代码。我正在尝试构建一个基本滑块以及我在 jQuery 中构建的其他基本功能。任何帮助、教程、插件和信息都会非常有帮助！

Answer 1

“Vanilla JS”是指普通的、未经修改的 JavaScript。

document.getElementById('myelement').innerHTML = "I was written with JavaScript!";

jQuery 是一组旨在让 JavaScript 更容易编写的函数和东西（虽然我个人觉得它更像意大利面条）

$("#myelement").html("I was written with jQuery!");

由于 jQuery 只是一堆 JavaScript，因此纯 JavaScript 总是运行得更快。它可能更难编写，因为你必须真正考虑你在做什么，但它会比 jQuery 中的相同东西运行得更快。

有关上面两个代码示例的比较，请参阅此 JSPerf

Answer 2

javascript内置在浏览器中

你可以链接到 jquery 和 jqueryui 的在线版本开始

 <script src="http://code.jquery.com/jquery-1.8.3.js"></script>

并且滑块在 jquery ui 库中 - （它是一个建立在 jquery 之上并依赖于 jquery 的库）所以接下来将其引入

 <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

那么来自 jqueryui 的样本应该更有意义

<script>
  $(function() {
    $( "#slider" ).slider();
  });
  </script>

<div id="slider"></div>

从

http://jqueryui.com/slider/

Answer 3

jQuery 是一个基于 JavaScript 的库。它提供了可以用 JavaScript 编码的东西的简写方法。jQuery 是用 JavaScript 编码的，不是内置在浏览器中的，所以你必须嵌入它。

另一方面，jQuery UI 是一个 UI 库，它允许您以简写方式编写基本的 UI 元素。

您没有指定您使用的是哪一个。

要嵌入 jQuery，请将其用于最新的 jQuery 版本：

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

这是最新的 UI 版本：

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

请注意，上面的示例托管在 jQuery.com 上。

Google 还通过developers.google.com 提供托管的jQuery 解决方案。

你也可以在你自己的服务器上自托管 jQuery（如果你有的话）。有些人认为使用 Google 的服务器（或 jQuery 的）比将其托管在您自己的服务器上要快得多，但是您需要运行测试并发现哪一个最适合您/更快。

因为 jQuery 是一个外部库（JavaScript 的扩展），所以你必须加载它，它不是内置在浏览器中的，因此它总是比较慢。

尽管有些人认为由于 jQuery（对某些人来说）更容易编码（并且像 FadeIn 这样的转换是内置的），但加载时间较慢是值得的。

希望这可以帮助。

编辑： 你还提到你下载了 JavaScript 并且里面没有代码，但是 JavaScript 是内置在浏览器中的，所以没有下载它。你可能指的是这个笑话。