js事件監(jiān)聽 事件冒泡 和css3新增

事件監(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í)乳愉,整組單選框的樣式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末兄淫,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蔓姚,更是在濱河造成了極大的恐慌捕虽,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坡脐,死亡現(xiàn)場(chǎng)離奇詭異泄私,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)备闲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門晌端,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人恬砂,你說我怎么就攤上這事斩松。” “怎么了觉既?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵惧盹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我瞪讼,道長(zhǎng)钧椰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任符欠,我火速辦了婚禮嫡霞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘希柿。我一直安慰自己诊沪,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布曾撤。 她就那樣靜靜地躺著端姚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪挤悉。 梳的紋絲不亂的頭發(fā)上渐裸,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音装悲,去河邊找鬼昏鹃。 笑死,一個(gè)胖子當(dāng)著我的面吹牛诀诊,可吹牛的內(nèi)容都是我干的洞渤。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼属瓣,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼载迄!你這毒婦竟也來了奈懒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤宪巨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后溜畅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捏卓,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年慈格,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了怠晴。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡浴捆,死狀恐怖蒜田,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情选泻,我是刑警寧澤冲粤,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站页眯,受9級(jí)特大地震影響梯捕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜窝撵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一傀顾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧碌奉,春花似錦短曾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至魁兼,卻和暖如春椭岩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背璃赡。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工判哥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人碉考。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓塌计,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親侯谁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子锌仅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容