1.簡介
jQuery 庫可以通過一行簡單的標(biāo)記被添加到網(wǎng)頁中。
1）什么是 jQuery ？
jQuery是一個JavaScript函數(shù)庫。
jQuery是一個輕量級的"寫的少，做的多"的JavaScript庫。
HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities
除此之外，Jquery還提供了大量的插件。
2)為什么使用 jQuery ？
jQuery 團(tuán)體知道JS在不同瀏覽器中存在著大量的兼容性問題，目前jQuery兼容于所有主流瀏覽器, 包括Internet Explorer 6!
2.jQuery 安裝
1)從 jquery.com 下載 jQuery 庫
2)從 CDN 中載入 jQuery, 如從 Google 中加載 jQuery
如果您不希望下載并存放 jQuery
如果你的站點(diǎn)用戶是國內(nèi)的，建議使用百度、又拍云、新浪等國內(nèi)CDN地址，如果你站點(diǎn)用戶是國外的可以使用谷歌和微軟
百度CDN:
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
又拍云 CDN:
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
新浪 CDN:
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
Google CDN:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
使用百度、又拍云、新浪、谷歌或微軟的 jQuery，有一個很大的優(yōu)勢：
許多用戶在訪問其他站點(diǎn)時(shí)，已經(jīng)從百度、又拍云、新浪、谷歌或微軟加載過 jQuery。所有結(jié)果是，當(dāng)他們訪問您的站點(diǎn)時(shí)，會從緩存中加載 jQuery，這樣可以減少加載時(shí)間
3.jQuery語法
基礎(chǔ)語法： $(selector).action()
$(this).hide() - 隱藏當(dāng)前元素
$("p").hide() - 隱藏所有 <p> 元素
$("p .test").hide() - 隱藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隱藏所有 id="test" 的元素
jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。
jQuery 是一個 JavaScript 庫。
jQuery 庫包含以下特性：
HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities
jQuery 庫位于一個 JavaScript 文件中，其中包含了所有的 jQuery 函數(shù)。
可以通過下面的標(biāo)記把 jQuery 添加到網(wǎng)頁中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<script> 標(biāo)簽應(yīng)該位于頁面的 <head> 部分。
基礎(chǔ) jQuery 實(shí)例
下面的例子演示了 jQuery 的 hide() 函數(shù)，隱藏了 HTML 文檔中所有的 <p>元素。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
$()
$是jQuery類的一個別稱，$() 構(gòu)造了一個jQuery對象。所以$()可以叫做jQuery的構(gòu)造函數(shù)。
- $()可以是$(expresion)，即css選擇器、Xpath或html元素.
$("a").click(function(){...})
alert($("div>p").html());
$()中的是一個查詢表達(dá)式.也就是用“div>p”這樣一個查詢表達(dá)式構(gòu)建了一個jQuery對象，然后的“html()”意思是顯示其html內(nèi)容。
$("<div><p>Hello</p></div>").appendTo("body");
$()中的是一個字符串，用這樣一段字串構(gòu)建了jQuery對象，然后向<body/>中添加這一字串。
- $()可以是$(element)，即一個特定的DOM元素.如常用的DOM對象有document、location、form等.
$(document).find("div>p").html());
$()中的document是一個DOM元素，即在全文尋找?guī)?lt;p>的<div>元素，并顯示<p>中的內(nèi)容。
注意：DOM
HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準(zhǔn)。
什么是 DOM？
DOM 是 W3C（萬維網(wǎng)聯(lián)盟）的標(biāo)準(zhǔn)。
DOM 定義了訪問 HTML 和 XML 文檔的標(biāo)準(zhǔn)：
“W3C 文檔對象模型 （DOM） 是中立于平臺和語言的接口，它允許程序和腳本動態(tài)地訪問和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。”
W3C DOM 標(biāo)準(zhǔn)被分為 3 個不同的部分：
核心 DOM - 針對任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型
XML DOM - 針對 XML 文檔的標(biāo)準(zhǔn)模型
HTML DOM - 針對 HTML 文檔的標(biāo)準(zhǔn)模型
DOM 是 Document Object Model（文檔對象模型）的縮寫。
- 用jQuery對象的幾個方法（如方法find()、each()等）
$("#orderedlist).find("li")
就像 $("#orderedlist li"). each()一樣迭代了所有的li
表達(dá)式中的“#”表示HTML中的ID，如上例中的“#orderedlist”就表示“ID為orderedlist所在的標(biāo)簽”
ztree是 jQuery 的.
注意：
js中不能加$() 這些表達(dá)式，可以加../這些相對路徑。
注意：
如果引入到哪兒，那么因該是引入到的地方的相對路徑。
示例：
function change_page_size(this){
var v = $(this).val(); // 這個$(this)是擁有此方法的html元素
$.cookie()
}
