vanilla javascript vs jquery

时间:2013-01-13 22:35:30

标签: javascript jquery

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

3 个答案:

答案 0 :(得分:24)

“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

答案 1 :(得分:4)

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/

答案 2 :(得分:2)

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