使用jQuery必須先引入jQuery
$(document).ready與window.onload的區(qū)別
- window.onload是等頁(yè)面所有的內(nèi)容（dom早处，音頻罐脊，視頻，圖片辜纲，gif等等）加載完成的時(shí)候兜粘，才調(diào)用函數(shù)
- $(document).ready僅等DOM加載完成的時(shí)候就開始執(zhí)行
代碼測(cè)試： 先彈‘jQuery'后彈'javascript';
window.onload=function () {
alert('javascript')
}
$(document).ready(function () {
alert('jQuery')
})
JS與jQuery的關(guān)系
- jQuery只是一個(gè)工具庫(kù)，會(huì)jQuary不一定會(huì)JS砸泛；會(huì)JS一定會(huì)jQuery
- jQuery比JS簡(jiǎn)單很多十籍，操作元素很方便
- jQuery和JS可以相互轉(zhuǎn)換
+ jquery通過[]或 get()可以轉(zhuǎn)成原生
+ $(原生)就能轉(zhuǎn)成jquery;
- jQuery方法函數(shù)化，除了length唇礁，我們的常用其他屬性勾栗，都是方法的調(diào)用 $().xxx()
- jquery可以進(jìn)行鏈?zhǔn)讲僮鳎耗芊襁M(jìn)行鏈?zhǔn)讲僮鳎Q于前面函數(shù)的返回值盏筐；
- jquery取值,賦值合體
獲取元素
- $('#el')
- 標(biāo)簽名 $('div'); 如果指定某一個(gè)元素围俘，使用eq();
- $('.xxxx')
- 獲取多個(gè)元素，可以用逗號(hào)分隔 $('.wrap div,.wrap p')
- 屬性選擇器 $([attr]) $(div[id=div1]) $([attr1][attr2])
- $('div').first() (同理：first,last,eq());
- $('div:first') (同理：first,last,eq);
- $('div:even') ; even是偶數(shù)琢融； odd奇數(shù)
- $('.wrap').find('p')找的是子子孫孫
- $('.wrap').children('p')找的僅僅是兒子界牡；
jquery中的取值賦值合體
- html():普通標(biāo)簽：不傳參數(shù)，是取值漾抬； 傳了參數(shù)為字符串的話宿亡，是設(shè)置；
- div p ol ul li dl dd dt h1...h6
- del i ins span b
- val():表單元素通過val來進(jìn)行取值纳令，賦值挽荠，參數(shù)跟html一樣的；
- css() //設(shè)置樣式
+ 一個(gè)參數(shù)：如果這個(gè)參數(shù)是字符串- 獲取
如果這個(gè)參數(shù)是對(duì)象-設(shè)置一堆
+ 兩個(gè)參數(shù)：設(shè)置一個(gè)平绩；
- attr() //操作屬性
+ 一個(gè)參數(shù)：如果這個(gè)參數(shù)是字符串-是獲取屬性
如果這個(gè)參數(shù)是對(duì)象-設(shè)置一堆屬性
+ 兩個(gè)參數(shù)是設(shè)置屬性： 設(shè)置一組屬性 k:v
- 操作class名
- 事件
- on來綁定事件
- off來解除綁定
- one代表綁定一次
- 自動(dòng)觸發(fā) trigger('行為')
- DOM操作：-- 文檔處理
- 運(yùn)動(dòng)--效果
- 前后臺(tái)數(shù)據(jù)交互--$.ajax()
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
