vanilla javascript vs jquery

Jam*_*mie 6 javascript jquery

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

Nie*_*sol 24

"Vanilla JS"指的是普通的,未经修改的JavaScript.

document.getElementById('myelement').innerHTML = "I was written with JavaScript!";
Run Code Online (Sandbox Code Playgroud)

jQuery是一个函数和东西的集合,旨在使编写JavaScript更容易(虽然我个人觉得它更像是意大利面)

$("#myelement").html("I was written with jQuery!");
Run Code Online (Sandbox Code Playgroud)

由于jQuery只是一堆JavaScript,因此普通的JavaScript总是运行得更快.它可能更难写,因为你必须实际考虑你正在做的事情,但它会比jQuery中的同样的事情运行得更快.

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

  • 为"*你必须实际考虑你正在做的事情*"+1 (5认同)

cas*_*352 4

javascript 内置于浏览器中

您只需链接到 jquery 和 jqueryui 的在线版本即可开始

 <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
Run Code Online (Sandbox Code Playgroud)

滑块位于 jquery ui 库中 - (它是一个构建在 jquery 之上并依赖于 jquery 的库),因此将其引入下一个

 <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
Run Code Online (Sandbox Code Playgroud)

那么来自 jqueryui 的示例应该更有意义

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

<div id="slider"></div>
Run Code Online (Sandbox Code Playgroud)

http://jqueryui.com/slider/