2013-06-22 214 views
1

我想學習jquery,但由於不同的jquery版本有點困惑。有人可以解釋一下,如果Jquery是單個庫或一組庫或引用?我將嘗試用C#做一個比喻。Jquery是單個庫還是一組庫?

假設我想使用XML功能,我會寫

Using System.XML; 

假設我想使用LINQ的功能,我會寫

Using System.Linq; 

我檢查了jQuery的網站Link爲什麼我們要使用兩個引用鏈接和css鏈接來使用任何函數?

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 

此外,爲什麼在這麼多的例子中,相同的JQuery版本使用.min後綴?

+3

這裏有2個圖書館。一個是jQuery,另一個是jQuery UI。 '.min'表示庫的縮小版本。 – Antony

+0

具有.min後綴的庫針對文件大小進行了優化。 – germi

回答

1

通常,當您使用JavaScript庫時,您需要兩個文件,一個是.js,這是javascript代碼,另外還可以包含一個.css文件,其中包含用於格式化DOM元素的css格式規則。

在這個例子中,你發佈你有四條線,這是因爲你有2個庫,在那裏,一個是jQuery,和其他jQuery-ui,這是依賴於jQuery一個不同的庫。

關於.min擴展,說明有問題的文件是庫代碼的最小版本,也就是說,它是正常的.js庫文件,但使用空格去掉,變量名改爲短,和其他優化爲了獲得文件大小很小的.js文件,所以下載和執行瀏覽器會更快。

+0

謝謝尼爾森你的回答解釋了我想知道的。還有一件事是爲什麼在相同的網頁中引用兩次相同的查詢,如'注意.min。這是爲了性能或兼容性嗎? –

+0

這似乎是錯誤的,它應該只是一個js文件,無論是正常版本還是縮小版本,但不是兩者都是。 – Nelson

3

這是jQuery的:

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

這是jQuery用戶界面,它包含其他控件庫像日期選擇器等

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

這是jQuery的UI庫的CSS文件。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 

因爲jQuery UI爲您提供了在頁面上顯示的小部件,所以需要給它一些外觀。這就是爲什麼你需要CSS文件。你可以選擇不同的CSS主題文件,給它其他的樣子。

1

jQuery是一個名爲單個庫:

jquery<version>.js 

eg. jquery-1.10.1.min.js 

但也有許多擴展它。你甚至可以創建自己的jQuery插件,並根據你想使用的功能,你可以使用插件。你可以在這裏找到所有的基本插件:

http://plugins.jquery.com/ 

但是爲了使插件工作,你總是需要核心jquery文件。

相關問題