事件監(jiān)聽:事件捕獲 目標(biāo)階段 冒泡階段
事件冒泡:當(dāng)使用事件冒泡時(shí)垃环,子元素先觸發(fā),父級(jí)元素后觸發(fā)总寻。
//阻止事件冒泡
if(typeof ev.stopPropagation=='function') { 標(biāo)準(zhǔn)的
ev.stopPropagation();
} else { //非標(biāo)準(zhǔn)IE
window.event.cancelBubble = true;
}
阻止事件默認(rèn)行為
事件綁定模式下的 return false卵慰,
事件監(jiān)聽模式下的 event.preventDefault() 和 event.returnValue = false缩歪;
return false既可以阻止事件冒泡,又可以阻止事件默認(rèn)行為
element1--element2a[src^="https"]? 選擇其src屬性值以"https"開頭的每個(gè)元素
a[src$=".pdf"]? 選擇其src屬性以".pdf"結(jié)尾的所有元素
a[src*="abc"]? ? 選擇其src屬性中包含"abc"子串的每個(gè)元素
p:first-of-type? ? 選擇屬于其父元素的首個(gè)元素的每個(gè)元素
p:last-of-type? ? 選擇屬于其父元素的最后元素的每個(gè)元素
p:only-of-type? 選擇屬于其父元素唯一的元素的每個(gè)元素
p:only-child? ? 選擇屬于其父元素的唯一子元素的每個(gè)元素
p:nth-child(2)? ? 選擇屬于其父元素的第二個(gè)子元素的每個(gè)元素
p:nth-last-child(2)? 同上罩句,從最后一個(gè)子元素開始計(jì)數(shù)焚刺。
p:nth-of-type(2)? ? 選擇屬于其父元素第二個(gè)元素的每個(gè)元素
p:nth-last-of-type(2)? ? 同上,但是從最后一個(gè)子元素開始計(jì)數(shù)
p:last-child? ? 選擇屬于其父元素最后一個(gè)子元素每個(gè)元素
:root 選擇文檔的根元素
p:empty? ? 選擇沒有子元素的每個(gè)
元素(包括文本節(jié)點(diǎn))#news:target選擇當(dāng)前活動(dòng)的#news元素input:enabled選擇每個(gè)啟用的元素input:disabled選擇每個(gè)禁用的元素input:checked選擇每個(gè)被選中的的元素:not(p)選擇非的元素的每個(gè)元素
::selection 選擇被用戶選取的元素部分
:read-only選擇器被用來指定當(dāng)元素處于只讀狀態(tài)時(shí)的樣式
:read-write選擇器用于匹配可讀及可寫的元素
:default選擇器用來指定當(dāng)前頁(yè)面打開時(shí)默認(rèn)處于讀取狀態(tài)的單選框或復(fù)選框的控件的樣式
:indeterminate選擇器用來指定當(dāng)頁(yè)面打開時(shí)门烂,一組單選框中沒有任何一個(gè)單選框被設(shè)定為選中狀態(tài)時(shí)乳愉,整組單選框的樣式