1.:header
如果要選擇某個(gè)元素中的header元素那么,應(yīng)該這樣寫(xiě)$(element :header);
注意:header與element之間應(yīng)該加上空格表示element中的:header,而:header前面不應(yīng)該緊跟其它元素。
2.:contains()
:contains("str")前面緊跟元素名稱表示選中包含str的所有該元素,如果要限定某個(gè)范圍寫(xiě)成這樣element1 element2:contain("str")。(解釋為:選中element1中包含帶有字符串str的element2)
3.:empty
對(duì)于:empty的理解類似于:contains()。
$(element1 element2:empty),(解釋:選中element1中子節(jié)點(diǎn)為空的element2元素,關(guān)于子節(jié)點(diǎn)的理解(如果元素中包含文本那么也解釋為這個(gè)元素包含文本子節(jié)點(diǎn)))
4.多個(gè)匹配條件之間通過(guò)“,”隔開(kāi)
$("h1,h2,h3,[href]")
解釋:選取h1,h2 ,h3和帶有href屬性的元素。
5.空格和不加空格
注意在選擇器前面直接添加元素,表示選取符合選擇器條件的該元素。
在選擇器前面添加空格在添加元素,該元素表明選擇器的選擇范圍,如果沒(méi)有表示在整個(gè)文檔中尋找。
6.jQuery 名稱沖突
7.事件
1.bind();bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序,并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。
? ?$(selector).bind(event,data,function);添加一個(gè)事件處理程序
? ?$(selector).bind({event:function,event:function, ...});添加多個(gè)事件處理程序
2.focus();blur()
獲得焦點(diǎn)(失去焦點(diǎn))是觸發(fā)function
3.delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來(lái)的元素(比如由腳本創(chuàng)建的新元素)。
$(selector).delegate(childSelector,event,data,function)
4.die() 方法移除所有通過(guò) live() 方法向指定元素添加的一個(gè)或多個(gè)事件處理程序。
$(selector).die(event,function)
8.動(dòng)畫(huà)
1.$(selector).animate({params},speed,callback);
{params}這里是產(chǎn)生動(dòng)畫(huà)的css,callback是動(dòng)畫(huà)播放完成后執(zhí)行的函數(shù),可以為空。
*(默認(rèn)地,所有 HTML 元素都有一個(gè)靜態(tài)位置,且無(wú)法移動(dòng)。如需對(duì)位置進(jìn)行操作,要記得首先把元素的 CSS position 屬性設(shè)置為 relative、fixed 或 absolute?。?/p>
也可以定義相對(duì)值(該值相對(duì)于元素的當(dāng)前值)。需要在值的前面加上 += 或 -=:
$("button").click(function(){$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
您甚至可以把屬性的動(dòng)畫(huà)值設(shè)置為 "show"、"hide" 或 "toggle":
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});