jquery選擇器

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'

});

});

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容