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

<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>
發佈了126 篇原創文章 · 獲贊 31 · 訪問量 37萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章