（一）認識JQuery JQuery是一個JavaScript庫，它通過封裝原生的JavaScript函數得到一套定義好的方法 JQuery的主旨：以更少的代碼，實現更多的功能 （二）JQuery的優勢 1）可以像CSS一樣訪問和操作DOM 2）修改CSS控制頁面外觀 3）簡化JS代碼操作 4）事件 ...
（一）認識JQuery
JQuery是一個JavaScript庫，它通過封裝原生的JavaScript函數得到一套定義好的方法
JQuery的主旨：以更少的代碼，實現更多的功能
（二）JQuery的優勢
1）可以像CSS一樣訪問和操作DOM
2）修改CSS控制頁面外觀
3）簡化JS代碼操作
4）事件代理更加容易
5）動畫效果使用方便
6） Ajax技術更加完美
7）大量的基於Jquery的插件
8）可以自定義擴展功能插件
（三）JQuery的語法
格式：$(selector).action()
美元符號$本身是Jquery對象的縮寫
選擇符selector查詢和查找HTML元素
Action執行對元素的操作
實例：$("p").hide():隱藏P元素
這裡提供一個JQuery的線上API:http://jquery.cuishifeng.cn/
（四）多庫衝突
解決多庫衝突：jQuery.onConflict()方法放棄$符號,後面使用JQuery對象的時候就不能在使用$符號，而要使用JQuery
（五）原生JS對象和JQuery對象之間的轉換
JS對象--》JQuery對象：
var p=document.getElementById('p');
$(p);//轉換成JQuery對象了
JQuery對象--》JS對象：
$(p).get(0)或者$(p)[0]//這樣就得到JS原生對象了
（六）DOM操作
1）設置元素以及內容：
方法名 描述
html() 獲取元素中的HTML內容
html(value) 設置元素中HTML內容
text() 獲取元素中文本內容
text(value) 設置元素中文本內容
val() 獲取表單元素中的文本內容
val(value) 獲取表單元素中的文本內容
2）操作元素屬性 //說明：這是對標簽元素屬性的操作，不是CSS樣式表中的屬性
attr(key) 獲取元素key屬性的屬性值
attr(key,value) 設置元素key屬性的屬性值
attr({key1:value1,key2:value2}) 設置元素多個key屬性的屬性值，方法的參數就是一個Object對象
attr(key,function(index,value){}) 設置元素key通過fn來設置
3）操作CSS樣式
方法名 描述
css({name1:value1,name2:value2}) 設置元素多個CSS樣式
addClass(class) 給每個元素添加一個CSS類
addClass(class1 class2 class3) 給元素增加多個CSS類
remove(class) 刪除元素的一個CSS類
removeClass(class1 class2 class3) 刪除元素的多個CSS類
toggleClass(class) 來回切換預設樣式和指定樣式
