jQuery是一個JavaScript函數庫。
jQuery是一個輕量級的"寫的少，做的多"的JavaScript庫。
jQuery庫包含以下功能：
1、html 的元素選取
2、html的元素操作
3、html dom遍歷和修改
4、js特效和動畫效果
5、css操作
6、html事件操作
7、ajax異步請求方式
jQuery 版本 2 以上不支持 IE6，7，8 瀏覽器。
如果需要支持 IE6/7/8，那么請選擇1.9
你還可以通過條件注釋在使用 IE6/7/8 時只包含進1.9。
<!--[if lt IE 9]>
<script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="jquery-2.0.0.js"></script>
<!--<![endif]-->
安裝引入jQuery
使用百度、又拍云、新浪、谷歌或微軟的 jQuery，有一個很大的優勢：
許多用戶在訪問其他站點時，已經從百度、又拍云、新浪、谷歌或微軟加載過 jQuery。所有結果是，當他們訪問您的站點時，會從緩存中加載 jQuery，這樣可以減少加載時間。同時，大多數 CDN 都可以確保當用戶向其請求文件時，會從離用戶最近的服務器上返回響應，這樣也可以提高加載速度。
<head>
百度
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
又拍云
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
新浪
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
谷歌(國內不穩定)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
通過 jQuery，您可以選取（查詢，query） HTML 元素，并對它們執行"操作"（actions）。
$(document).ready(function(){
// 開始寫 jQuery 代碼...
});
$(function(){
// 開始寫 jQuery 代碼...
});
以上兩個代碼完全是同樣的意思：
這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼，即在 DOM 加載完成后才可以對 DOM 進行操作。
如果在文檔沒有完全加載之前就運行函數，操作可能失敗。下面是兩個具體的例子：
（1） 試圖隱藏一個不存在的元素
（2） 獲得未完全加載的圖像的大小
CSS常用的選擇器
常用[CSS選擇器有：
ID選擇器：#name{color:red} 對應的控件： <input id="name" value="test"/>
類選擇器：.name{color:red} 對應的控件： <input class="name" value="test"/>
元素選擇器：div {color:red} 對應的控件： <div>ceshi</div>
子選擇器：ul > li {color:red} 對應的控件：<ul><li>test</li></ul>
后代選擇器：div p {color:red} 對應的控件： <div><p>test</p></div>
偽類選擇器：a:hover {color:red} 對應的控件： <a href="#">test</a>
屬性選擇器：input[type="text"] {color:red} <input type="text" value="test" />
默認情況下，所有的HTML元素是靜態位置的，不可移動的，如果需要改變，我們要講元素的position屬性設置為，relative fixed
可以用 animate() 方法來操作所有 CSS 屬性嗎？是的，幾乎可以！不過，需要記住一件重要的事情：當使用 animate() 時，必須使用 Camel 標記法書寫所有的屬性名，比如，必須使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。
同時，色彩動畫并不包含在核心 jQuery 庫中。
如果需要生成顏色動畫，您需要從 jquery.com 下載 顏色動畫 插件。
callBack回調
jQuery鏈（Chaining）
一條語句中運行多個jQuery方法(相同元素上)，這樣瀏覽器就不必去多次查找相同的元素。，比如鏈接一個動作，您只需簡單把該動作追加到之前的動作上
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
提示：當進行鏈接時，代碼行會變得很差。不過，jQuery 語法不是很嚴格；您可以按照希望的格式來寫，包含換行和縮進。
jQuery會拋掉多余的空格，并當成一行長代碼來執行上面的代碼行。
