1、jQuery教程javascript
jQuery是一個JavaScript庫java
jQuery 極大地簡化了 JavaScript 編程。jquery
jQuery 很容易學習。ajax
2、jQuery簡介編程
一、jQuery 庫能夠經過一行簡單的標記被添加到網頁中。api
jQuery庫-特性瀏覽器
jQuery是一個JavaScript函數庫。服務器
jQuery庫包含如下特性：網絡
（1）HTML元素去塊ide
（2）HTML元素操做
（3）CSS操做
（4）HTML事件函數
（5）JavaScript特效和動畫
（6）HTML DOM遍歷和修改
（7）AJAX
（8）Utilities
二、向您的頁面添加 jQuery 庫
jQuery 庫位於一個 JavaScript 文件中，其中包含了全部的 jQuery 函數。
能夠經過下面的標記把 jQuery 添加到網頁中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
請注意，<script> 標籤應該位於頁面的 <head> 部分。
三、下載 jQuery
共有兩個版本的 jQuery 可供下載：一份是精簡過的，另外一份是未壓縮的（供調試或閱讀）。
這兩個版本均可從 jQuery.com 下載。
四、庫的替代
Google 和 Microsoft 對 jQuery 的支持都很好。
若是您不肯意在本身的計算機上存放 jQuery 庫，那麼能夠從 Google 或 Microsoft 加載 CDN jQuery 核心文件。
使用 Google 的 CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
3、jQuery 安裝
一、把 jQuery 添加到您的網頁
如需使用 jQuery，您須要下載 jQuery 庫，而後把它包含在但願使用的網頁中。
jQuery 庫是一個 JavaScript 文件，您可使用 HTML 的 <script> 標籤引用它：
<head>
<script src="jquery.js"></script>
</head>
請注意，<script> 標籤應該位於頁面的 <head> 部分。
提示：您是否很疑惑爲何咱們沒有在 <script> 標籤中使用 type="text/javascript" ？
在 HTML5 中，沒必要那樣作了。JavaScript 是 HTML5 以及全部現代瀏覽器中的默認腳本語言！
二、下載 jQuery
有兩個版本的 jQuery 可供下載：
Production version - 用於實際的網站中，已被精簡和壓縮。
Development version - 用於測試和開發（未壓縮，是可讀的代碼）
這兩個版本均可以從 jQuery.com 下載。
提示：您能夠把下載文件放到與頁面相同的目錄中，這樣更方便使用。
三、替代方案
若是您不但願下載並存放 jQuery，那麼也能夠經過 CDN（內容分發網絡） 引用它。
谷歌和微軟的服務器都存有 jQuery 。
如需從谷歌或微軟引用 jQuery，請使用如下代碼之一：
Google CDN:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>
Microsoft CDN:
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>
4、jQuery 語法
jQuery 語法是爲HTML元素的選取編制的，能夠對元素執行某些操做。
基礎語法是：$(selector).action()
(1)美圓符號定義jQuery
示例：
$(this).hide()——隱藏當前元素
$("p").hide()——隱藏全部段落
$(".test").hide()——隱藏全部class="test"的全部元素
$("#test").hide()——隱藏全部id="test"的元素
提示：jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。在本教程接下來的章節，您將學習到更多有關選擇器的語法。