1.語(yǔ)法
基礎(chǔ)語(yǔ)法:$(selector).action(),其中美元符號(hào)定義 jQuery
選擇符(selector)"查詢"和"查找" HTML 元素
jQuery 的 action() 執(zhí)行對(duì)元素的操作
2.常見(jiàn)選擇器
$("*")選取所有元素;
$(this)選取當(dāng)前 HTML 元素;
$("p.intro")選取 class 為 intro 的<p>元素;
$("p:first")選取第一個(gè)<p>元素;
$("ul li:first")選取第一個(gè)<ul>元素的第一個(gè)<li>元素;
$("ul li:first-child")選取每個(gè)<ul>元素的第一個(gè)<li>元素;
$("[href]")選取帶有 href 屬性的元素。
3.常見(jiàn)的jQuery事件方法
click() 方法是當(dāng)按鈕點(diǎn)擊事件被觸發(fā)時(shí)會(huì)調(diào)用一個(gè)函數(shù),該函數(shù)在用戶點(diǎn)擊 HTML 元素時(shí)執(zhí)行;
dblclick()當(dāng)雙擊元素時(shí),會(huì)發(fā)生 dblclick 事件;
mouseenter()當(dāng)鼠標(biāo)指針穿過(guò)元素時(shí),會(huì)發(fā)生 mouseenter 事件;
mouseleave()當(dāng)鼠標(biāo)指針離開元素時(shí),會(huì)發(fā)生 mouseleave 事件;
mousedown()當(dāng)鼠標(biāo)指針移動(dòng)到元素上方,并按下鼠標(biāo)按鍵時(shí),會(huì)發(fā)生mousedown 事件;
mouseup()當(dāng)在元素上松開鼠標(biāo)按鈕時(shí),會(huì)發(fā)生 mouseup 事件;
hover()方法用于模擬光標(biāo)懸停事件,當(dāng)鼠標(biāo)移動(dòng)到元素上時(shí),會(huì)觸發(fā)指定的第一個(gè)函數(shù)(mouseenter)當(dāng)鼠標(biāo)移出這個(gè)元素時(shí),會(huì)觸發(fā)指定的第二個(gè)函數(shù)(mouseleave);
focus()當(dāng)元素獲得焦點(diǎn)時(shí),發(fā)生 focus 事件;
blur()當(dāng)元素失去焦點(diǎn)時(shí),發(fā)生 blur 事件。
4.jQuery效果
隱藏和顯示,hide() 和 show()分布表示隱藏和顯示,使用 toggle() 方法來(lái)切換 hide() 和 show() 方法;
淡入淡出,fadeIn() 用于淡入已隱藏的元素,fadeOut() 方法用于淡出可見(jiàn)元素,fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換,fadeTo() 方法允許漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間);
滑動(dòng),slideDown() 方法用于向下滑動(dòng)元素,slideUp() 方法用于向上滑動(dòng)元素,slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進(jìn)行切換;
動(dòng)畫,$(selector).animate({params},speed,callback),必需的 params 參數(shù)定義形成動(dòng)畫的 CSS 屬性,可選的 speed 參數(shù)規(guī)定效果的時(shí)長(zhǎng),可選的 callback 參數(shù)是動(dòng)畫完成后所執(zhí)行的函數(shù)名稱;
Callback 函數(shù)在當(dāng)前動(dòng)畫 100% 完成之后執(zhí)行;
鏈(Chaining),Chaining 允許我們?cè)谝粭l語(yǔ)句中運(yùn)行多個(gè) jQuery 方法(在相同的元素上),這樣的話,瀏覽器就不必多次查找相同的元素。如需鏈接一個(gè)動(dòng)作,您只需簡(jiǎn)單地把該動(dòng)作追加到之前的動(dòng)作上。