香草javascript vs jquery

我無法理解兩者之間的差異。我試圖下載庫，並沒有代碼。我正在嘗試構建一個基本滑塊以及我在jQuery中構建的其他基本功能。任何幫助，教程，插件和信息都會非常有幫助！香草javascript vs jquery

2013-01-13 Jamie

[jQuery和JavaScript有什麼不同？]（http://stackoverflow.com/questions/2490590/what-is-the-difference-between-jquery-and-javascript） –

+29

http：/ /vanilla-js.com/是一個笑話網站，而不是一個實際的框架 –

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>

從

2013-01-13 22:40:08 case1352

是的，事實證明，vanilla-js網站只是一個笑聲 – case1352

我很熟悉使用jQuery UI和jQuery插件，我是尋找更多的信息，以及如何去實施香草JavaScript來建立一個滑塊和其他基本功能。 – Jamie

噢，好的，對不起。我明白你的意思了。這將是很多工作。我想象的很多CSS和畫布。 – case1352

「香草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

2013-01-13 22:44:42

+1「*你必須真正考慮你在做什麼*」 – Bergi

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。

2013-01-13 22:53:06

回答