香草javascript vs jquery

Question

我无法理解两者之间的差异。我试图下载库，并没有代码。我正在尝试构建一个基本滑块以及我在jQuery中构建的其他基本功能。任何帮助，教程，插件和信息都会非常有帮助！

Answer 1

JavaScript是内置在浏览器

，你可以直接链接到jQuery和jQueryUI的的在线版本开始

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

和滑块是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 2

“香草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 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。