1、通過百度的CDN

2、下載jQuery.js文件，然後引入
註意事項：jQuery文件如果放在https://blog.csdn.net/zhoucheng05_13/resources/文件夾下，則加載不出來，可能是因為resource文件夾
禁止外部訪問。

1、jQuery名稱沖突問題：

jQuery使用$符號作為jQuery的簡介方式。但是某些JavaScript庫中的函數
（比如Prototype）同樣使用\$符號。jQuery使用名為noConflict()的方法來解決該問題。
var jq=jQuery.noConflict()，幫助我們使用自己的名稱（比如jq）來代替\$符號。

2、jQuery使用原則：

jQuery包含很多供改變和操作HTML的強大函數
1、改變HTML內容
語法：$(selector).html(content)
html()函數改變所匹配的HTML元素的內容(innerHTML)
2、添加HTML內容
a.在尾部追加內容（同一行）
語法：$(selector).append(content)
b.在HTML元素內預置內容
語法：$(selector).prepend(content)
c.在所有匹配元素之後插入HTML內容(下一行)
語法：$(selector).after(content)
d.在所有匹配的元素之前插入HTML內容
語法：$(selector).before(content)

jQuery擁有三種供css操作的重要函數:
$(selector).css(name,value)
$(selector).css({properties})
$(selector).css(name)
1、函數css(name,value)操作實例

2、函數css({properties})同時為所有匹配元素的一系列css屬性設置值

3、函數css(name)返回指定的css屬性的值：

jQuery擁有兩種供尺寸操作的函數：

A.jQuery Ajax概述

1、Ajax是一種創建快速動態網頁的技術，其通過在後臺與服務器交換少量數據的方式，允許網頁進行異步更新。
這意味著有可能在不重載整個頁面的情況下，對網頁的一部分進行更新。
2、jQuery提供了供Ajax開發的豐富函數庫，通過jQuery Ajax，使用HTTP GET和HTTP POST，都可以從遠程服務器上請求TXT，HTML，XML或者JSON。而且可以直接把遠程數據載入網頁的被選HTML元素中。
B.jQuery函數（寫得很少，做的很多）
1、jQuery的load函數是一種簡單的（但很強大的）Ajax函數。語法如下

• url是請求地址；

• data是要發送的數據（可選）；

• callback是請求完成後的回調函數。

  2、Low Level AJAX 底層AJAX
  $.ajax(options)是底層級AJAX函數的語法。$.ajax提供了比高層級函數更多的功能，但是同時也更難使用雅思報名流程。
  option參數設置的是name|value對，定義url數據、密碼、數據類型、過濾器、字符集、超時以及錯誤函數

a.$(selector).load(url,data,callback)
把遠程數據加載到被選的元素中
b.$.ajax(options)
把遠程數據加載到XMLHTTPRequest對象中
c.$.get(url,data,callback,type)
使用HTTP GET來加載遠程數據
d.$.post(url,data,callback,type)
使用HTTP POST來加載遠程數據
e.$.getJSON(url,data,callback)
使用HTTP GET來加載遠程JSON數據
f.$.getScript(url,callback)
加載並執行遠程的JavaScript文件
參數說明：(selector) jQuery元素選擇器
(url)被加載數據的url地址
(data)發送到服務器的數據的鍵值對
(callback)當數據被加載時，所執行的函數
(type)被返回的數據的類型(html,xml,json,jsonp,script,text)
(options)完整AJAX請求的所有鍵值對選項

0、$(“tagname”) element選擇器 選擇所有帶有指定標簽名的元素
1、$(“#id”) #選擇器 選擇符合指定id的元素
2、$(“body “) 選擇器 選擇body下的所有元素
3、$(“.class”) .選擇器 選擇符合的類選擇器
4、$(“:animated”) :animated選擇器 選擇當前的動畫元素
5、$(“:button”) :button選擇器 選擇type=”button”的元素和元素
6、$(“p:contains(is)”) :contains選擇器 選擇所有包含”is”的元素
7、$(“p:eq(1)”) :eq選擇器 選擇第二個元素 選取帶有指定index值的元素
8、$(“tr:even”) :even選擇器 選擇偶數下標的元素（可以用來改變列表呈現數據時交替改變背景色體現層次感）
9、$(“:file”) :file選擇器 選擇類型為file的元素，可以在：前面加上其他如id原則器等加以限定
10、$(“p:first”) :first選擇器 選擇第一個元素
11、$(“tr:gt(2)”) :gt(index)選擇器 選擇下標值大於index的所有tr元素,index從0開始
12、$(“:image”) :image選擇器 選擇所有type=”image”的元素
13、$(“:input”) :input選擇器 選擇所有元素
14、$(“p:last”) :last選擇器 選擇最後一個元素
15、$(“tr:lt(2)”) :lt選擇器 選擇前兩個元素 選取帶有小於指定index值的元素
16、$(“tr:odd”) :odd選擇器 選擇每個相隔（奇數）的元素
17、$(“:password”) :password選擇器 選擇type=”password”的元素
18、$(“:submit”) :submit選擇器 選擇type=”submit”的元素
19、$(“:text”) :text選擇器 選擇type=”text”的元素
20、$(“body:visible”) :visible選擇器 選擇body下的所有可見元素
21、$(“body [id!=main_header]”) [attribute!=value]選擇器 選擇body下id不等於main_header的所有元素 選擇屬性不等於相應值的元素
22、$(“[id&=header]”) [attribute&=value]選擇器 選擇所有帶有id屬性值且以header結尾的元素
23、$([id=header]”) [attribute=value]選擇器 選擇所有id屬性為header的元素
24、$([id]”) [attribute]選擇器 選擇所有帶有id屬性的元素

1、jQuery是一個JavaScript庫
2、jQuery不是一門編程語言
3、jQuery庫包含的特性
a.HTML元素選取
b.HTML元素操作
c.css操作
d.HTML事件函數
e.JavaScript特效和動畫
f.HTML DOM遍歷和修改
g.AJAX
h.Utilities
4、相關練習的例子已經同步到Github上，歡迎Clone。

jQuery從零開始基礎入門教程及參數匯總