J Query庫
J Query選擇器:與CSS選擇器完全一致
JQuery語法:
(1)美元符定義J Query
(2)選擇符查詢和HTML元素
(3)J Query帶action方法執(zhí)行對元素帶操作
(4)實例:$(this).hide隱藏當(dāng)前元素
(5)結(jié)構(gòu):$(內(nèi)容);
J Query選擇器
(1)J Query選擇器允許您對HTML元素組或單個元素進行操作
(2)J Query選擇器基于元素帶id、類爱谁、類型目胡、屬性、屬性值等查找HTML元素
(3)J Query選擇器都以美元符開頭
(4)#id選擇器:選擇的元素的id屬性$(#id)
(5).class選擇器:選擇元素的class屬性$(.class)
J Query事件
J Query 是為事件處理設(shè)計帶
什么是事件栽连?頁面對于不同的訪問者的響應(yīng)叫做事件
在元素上移動鼠標(biāo),選取單選按鈕侨舆,點擊元素等秒紧。
在J Query中,大多數(shù)DOM事件都有一個等效帶J Query方法
常用的J Query事件方法:$(document).ready()
J Query click():點擊
J Query dblclick():雙擊鼠標(biāo)左鍵
J Query mouseenter():鼠標(biāo)移入
J Query mouseleave():鼠標(biāo)移出
J Query mousedown():鼠標(biāo)按下
J Query mouseup():鼠標(biāo)彈起
J Query hover():
J Query focus和blur:添加或觸發(fā)事件
J Query 隱藏和顯示
hide:隱藏
show:顯示
J Query 淡入淡出
fadeIn:
fadeOut:
fadeToggle:
fadeTo:
J Query 滑動效果
slideDown
slideUp
slideToggle
J Query動畫
animate
J Query停止動畫
stop
J Query Callback方法
動畫100%完成后執(zhí)行
J Query Chaining
J Query獲取
J Query擁有可操作HTML元素和屬性帶強大方法
J Query DOM操作
J Query提供一系列與DOM相關(guān)帶方法挨下,這使訪問和操作元素和屬性更容易
獲得內(nèi)容- text()熔恢、html()、val()
三個簡單實用帶用于DOM操作帶J Query方法:
text():設(shè)置或返回所選元素的文本內(nèi)容
html():設(shè)置或返回所選元u素的內(nèi)容(包括HTML標(biāo)記)
val():設(shè)置或返回表單字段的值
attr():獲取屬性值
J Query設(shè)置
text():設(shè)置或返回所選元素的文本內(nèi)容
html():設(shè)置或返回所選元素帶內(nèi)容(包括HTML標(biāo)記)
val():設(shè)置返回表單字段帶值
text臭笆、html叙淌、val回調(diào)函數(shù):被選元素列表中當(dāng)前元素的下標(biāo),以及原始(舊的)值愁铺。然后以函數(shù)新值返回您希望使用的字符串
attr:設(shè)置/改變屬性值
attr回調(diào)函數(shù):被選元素列表中當(dāng)前元素的下標(biāo)鹰霍,以及原始(舊的)值。然后以函數(shù)新值返回您希望使用的字符串
J Query添加元素
append():在被選元素內(nèi)部帶結(jié)尾插入指定內(nèi)容
prepenbd():在被選元素內(nèi)部的開頭插入指定內(nèi)容
after():在被選元素之后插入內(nèi)容
Before():在被選元素之前插入內(nèi)容
J Query刪除元素
remove():刪除被選元素
empty():從被選元素中刪除子元素
remove(參數(shù)):過濾被刪除帶元素
J Query CSS類
通過J Query茵乱,可以很容易地對CSS元素進行操作
J Query操作CSS
addClass():向被選元素添加一個或多個類
removeClass():從被選元素刪除一個或多個類
toggleClass():對被選元素進行添加或刪除類的操作
css():設(shè)置或返回樣式屬性
J Query CSS方法
J Query css() Method:css方法設(shè)置或返回被選元素帶一個或多個樣式屬性
返回css屬性:css(a)
設(shè)置css屬性:css(a,b)
設(shè)置多個屬性:css(a:b,a1:b1......)
J Query尺寸
width:設(shè)置或返回元素的寬度(不包括內(nèi)邊距茂洒、邊框或外邊距)
height:設(shè)置或返回元素的高度(不包括內(nèi)編劇、邊框或外邊距)
innerWidth:返回元素帶寬度(包括內(nèi)邊距)
innerHeight:返回元素帶高度(包括內(nèi)邊距)
outerWidth:返回元素寬度(包括內(nèi)邊距和邊框)
outerHeight:返回元素高度(包括內(nèi)邊距和邊框)
J Query遍歷
J Query遍歷 - 祖先:向上遍歷DOM樹
parent():返回被選元素帶直接父元素
parents():返回被選元素的所有祖先元素瓶竭,一路向上直到文檔跟元素
parentsUntil():返回介于兩個給定元素之間帶祖先元素
J Query遍歷 - 后代:向下遍歷DOM樹
children():返回被選元素帶所有直接子元素
find():返回被選元素的后代元素督勺,一路向下直到最后一個后代
J Query遍歷 - 同胞:能夠在DOM樹中遍歷元素的同胞元素
在DOM樹中水平遍歷
Siblings():返回被選元素的所有同胞元素
next():返回被選元素的下一個同胞元素
nextAll():返回被選元素的所有跟隨的同胞元素
nextUntil():返回介于兩個給定參數(shù)之間的所有跟隨的同胞元素
prev():返回被選元素的上一個同胞元素與next相反
prevAll():返回被選元素的所有跟隨的同胞元素渠羞,與nextAll相反
prevUntil():返回介于兩個給定參數(shù)之間的所有跟隨的同胞元素
J Query遍歷 - 過濾:
first():返回被選元素的首個元素
last():返回被選元素的最后一個元素
eg():返回被選元素中帶有指定索引號的元素
filter():允許您規(guī)定一個標(biāo)準,不匹配這個標(biāo)準的元素會被從集合中刪除智哀,匹配的元素會被返回
not():與filter相反堵未,匹配這個標(biāo)準元素會被刪除,
J Query AJAX
J Query - AJAX - load:從服務(wù)器加載數(shù)據(jù)盏触,并把返回的數(shù)據(jù)放入被選元素中
J Query - AJAX - get方法:從服務(wù)器上請求獲取數(shù)據(jù)
J Query - AJAX - post方法:從服務(wù)器上請求提交數(shù)據(jù)
J Query notConflict:
釋放J Query使用“$”的縮寫方法渗蟹,使其不能夠使用縮寫以保證不會和其它框架中的“$”重合