天天看點

jQuery 簡介和安裝

什麼是jQuery

jQuery是一個輕量級的"寫的少,做的多"的JavaScript庫。

jQuery庫包含以下功能:

  • HTML 元素選取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函數
  • JavaScript 特效和動畫
  • HTML DOM 周遊和修改
  • AJAX
  • Utilities

為什麼使用jQuery

目前網絡上有大量開源的 JS 架構, 但是 jQuery 是目前最流行的 JS 架構,而且提供了大量的擴充。

jQuery安裝

可以使用以下方法在網頁中添加jQuery:

(1)從jquery.com下載下傳jQuery庫

(2)從CDN(内容分發網絡)中載入jQuery,如從Google中加載jQuery。

下載下傳jQuery

有兩個版本的 jQuery 可供下載下傳:

  • Production version - 用于實際的網站中,已被精簡和壓縮。
  • Development version - 用于測試和開發(未壓縮,是可讀的代碼)

以上兩個版本都可以從

jquery.com

中下載下傳。

jQuery 庫是一個 JavaScript 檔案,您可以使用 HTML 的 <script> 标簽引用它:

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>      

提示: 将下載下傳的檔案放在網頁的同一目錄下,就可以使用jQuery。

替代方案

如果您不希望下載下傳并存放 jQuery,那麼也可以通過 CDN 引用它。

百度、又拍雲、新浪、谷歌和微軟的伺服器都存有 jQuery 。

如果你的站點使用者是國内的,建議使用百度、又拍雲、新浪等國内CDN位址,如果你站點使用者是國外的可以使用谷歌和微軟。

注:本站執行個體均采用百度 jQuery CDN庫。

如需從百度、又拍雲、新浪、谷歌或微軟引用 jQuery,請使用以下代碼之一:

百度CDN

<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>       

新浪CDN

<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>      

Google CDN

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>      

資料來源:

http://www.w3cschool.cc/jquery

繼續閱讀