1.簡(jiǎn)介
jQuery 庫(kù)可以通過(guò)一行簡(jiǎn)單的標(biāo)記被添加到網(wǎng)頁(yè)中府怯。
1）什么是 jQuery ？
jQuery是一個(gè)JavaScript函數(shù)庫(kù)。
jQuery是一個(gè)輕量級(jí)的"寫(xiě)的少药磺，做的多"的JavaScript庫(kù)。
HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動(dòng)畫(huà)
HTML DOM 遍歷和修改
AJAX
Utilities
除此之外誉察，Jquery還提供了大量的插件与涡。
2)為什么使用 jQuery ？
jQuery 團(tuán)體知道JS在不同瀏覽器中存在著大量的兼容性問(wèn)題，目前jQuery兼容于所有主流瀏覽器, 包括Internet Explorer 6!
2.jQuery 安裝
1)從 jquery.com 下載 jQuery 庫(kù)
2)從 CDN 中載入 jQuery, 如從 Google 中加載 jQuery
如果您不希望下載并存放 jQuery
如果你的站點(diǎn)用戶是國(guó)內(nèi)的驼卖，建議使用百度氨肌、又拍云、新浪等國(guó)內(nèi)CDN地址酌畜，如果你站點(diǎn)用戶是國(guó)外的可以使用谷歌和微軟
百度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恳守，有一個(gè)很大的優(yōu)勢(shì)：
許多用戶在訪問(wèn)其他站點(diǎn)時(shí)，已經(jīng)從百度贩虾、又拍云催烘、新浪、谷歌或微軟加載過(guò) jQuery缎罢。所有結(jié)果是伊群，當(dāng)他們?cè)L問(wèn)您的站點(diǎn)時(shí)，會(huì)從緩存中加載 jQuery策精，這樣可以減少加載時(shí)間
3.jQuery語(yǔ)法
基礎(chǔ)語(yǔ)法： $(selector).action()
$(this).hide() - 隱藏當(dāng)前元素
$("p").hide() - 隱藏所有 <p> 元素
$("p .test").hide() - 隱藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隱藏所有 id="test" 的元素
jQuery 使用的語(yǔ)法是 XPath 與 CSS 選擇器語(yǔ)法的組合舰始。
jQuery 是一個(gè) JavaScript 庫(kù)。
jQuery 庫(kù)包含以下特性：
HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動(dòng)畫(huà)
HTML DOM 遍歷和修改
AJAX
Utilities
jQuery 庫(kù)位于一個(gè) JavaScript 文件中咽袜，其中包含了所有的 jQuery 函數(shù)丸卷。
可以通過(guò)下面的標(biāo)記把 jQuery 添加到網(wǎng)頁(yè)中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<script> 標(biāo)簽應(yīng)該位于頁(yè)面的 <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è)別稱，$() 構(gòu)造了一個(gè)jQuery對(duì)象范抓。所以$()可以叫做jQuery的構(gòu)造函數(shù)骄恶。
- $()可以是$(expresion)，即css選擇器匕垫、Xpath或html元素.
$("a").click(function(){...})
alert($("div>p").html());
$()中的是一個(gè)查詢表達(dá)式.也就是用“div>p”這樣一個(gè)查詢表達(dá)式構(gòu)建了一個(gè)jQuery對(duì)象僧鲁，然后的“html()”意思是顯示其html內(nèi)容。
$("<div><p>Hello</p></div>").appendTo("body");
$()中的是一個(gè)字符串象泵，用這樣一段字串構(gòu)建了jQuery對(duì)象寞秃，然后向<body/>中添加這一字串。
- $()可以是$(element)偶惠，即一個(gè)特定的DOM元素.如常用的DOM對(duì)象有document春寿、location、form等.
$(document).find("div>p").html());
$()中的document是一個(gè)DOM元素忽孽，即在全文尋找?guī)?lt;p>的<div>元素绑改，并顯示<p>中的內(nèi)容谢床。
注意：DOM
HTML DOM 定義了訪問(wèn)和操作 HTML 文檔的標(biāo)準(zhǔn)。
什么是 DOM厘线？
DOM 是 W3C（萬(wàn)維網(wǎng)聯(lián)盟）的標(biāo)準(zhǔn)识腿。
DOM 定義了訪問(wèn) HTML 和 XML 文檔的標(biāo)準(zhǔn)：
“W3C 文檔對(duì)象模型 （DOM） 是中立于平臺(tái)和語(yǔ)言的接口，它允許程序和腳本動(dòng)態(tài)地訪問(wèn)和更新文檔的內(nèi)容造壮、結(jié)構(gòu)和樣式渡讼。”
W3C DOM 標(biāo)準(zhǔn)被分為 3 個(gè)不同的部分：
核心 DOM - 針對(duì)任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型
XML DOM - 針對(duì) XML 文檔的標(biāo)準(zhǔn)模型
HTML DOM - 針對(duì) HTML 文檔的標(biāo)準(zhǔn)模型
DOM 是 Document Object Model（文檔對(duì)象模型）的縮寫(xiě)耳璧。
- 用jQuery對(duì)象的幾個(gè)方法（如方法find()成箫、each()等）
$("#orderedlist).find("li")
就像 $("#orderedlist li"). each()一樣迭代了所有的li
表達(dá)式中的“#”表示HTML中的ID，如上例中的“#orderedlist”就表示“ID為orderedlist所在的標(biāo)簽”
ztree是 jQuery 的.
注意：
js中不能加$() 這些表達(dá)式旨枯，可以加../這些相對(duì)路徑蹬昌。
注意：
如果引入到哪兒，那么因該是引入到的地方的相對(duì)路徑攀隔。
示例：
function change_page_size(this){
var v = $(this).val(); // 這個(gè)$(this)是擁有此方法的html元素
$.cookie()
}
