vanilla 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中运行得更快。

有关上述两个代码示例的比较，请参阅this 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内置于浏览器中，因此无需下载。你可能指的是this joke。