1.:header
如果要選擇某個(gè)元素中的header元素那么漆撞,應(yīng)該這樣寫$(element :header);
注意:header與element之間應(yīng)該加上空格表示element中的:header于宙,而:header前面不應(yīng)該緊跟其它元素。
2.:contains()
:contains("str")前面緊跟元素名稱表示選中包含str的所有該元素至会,如果要限定某個(gè)范圍寫成這樣element1 element2:contain("str")谱俭。(解釋為:選中element1中包含帶有字符串str的element2)
3.:empty
對于:empty的理解類似于:contains()。
$(element1 element2:empty),(解釋:選中element1中子節(jié)點(diǎn)為空的element2元素昆著,關(guān)于子節(jié)點(diǎn)的理解(如果元素中包含文本那么也解釋為這個(gè)元素包含文本子節(jié)點(diǎn)))
4.多個(gè)匹配條件之間通過“,”隔開
$("h1,h2,h3,[href]")
解釋:選取h1,h2 ,h3和帶有href屬性的元素窃这。
5.空格和不加空格
注意在選擇器前面直接添加元素征候,表示選取符合選擇器條件的該元素。
在選擇器前面添加空格在添加元素疤坝,該元素表明選擇器的選擇范圍跑揉,如果沒有表示在整個(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)前或未來的元素(比如由腳本創(chuàng)建的新元素)。
$(selector).delegate(childSelector,event,data,function)
4.die() 方法移除所有通過 live() 方法向指定元素添加的一個(gè)或多個(gè)事件處理程序瞧预。
$(selector).die(event,function)
8.動畫
1.$(selector).animate({params},speed,callback);
{params}這里是產(chǎn)生動畫的css,callback是動畫播放完成后執(zhí)行的函數(shù)扔茅,可以為空秸苗。
*(默認(rèn)地运褪,所有 HTML 元素都有一個(gè)靜態(tài)位置,且無法移動秸讹。如需對位置進(jìn)行操作,要記得首先把元素的 CSS position 屬性設(shè)置為 relative弧可、fixed 或 absoluteA踊丁)
也可以定義相對值(該值相對于元素的當(dāng)前值)。需要在值的前面加上 += 或 -=:
$("button").click(function(){$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
您甚至可以把屬性的動畫值設(shè)置為 "show"校套、"hide" 或 "toggle":
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});