jquery委托事件

為未來(lái)新添加的節(jié)點(diǎn)綁定事件

以下例子只能通過(guò)點(diǎn)擊第一個(gè) p元素 來(lái)創(chuàng)建節(jié)點(diǎn),點(diǎn)擊 新生成的p元素 是不會(huì)有反應(yīng)的。
<div class="container">
    <p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>
</div>
$(".container p").click(function(){
  $(this).after("<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>");
});
使用 on()方法來(lái)為未來(lái)節(jié)點(diǎn)綁定事件。
//使用on方法
$(".container").on("click","p",function(){
  $(this).after("<p>點(diǎn)擊創(chuàng)建一個(gè)新的p元素</p>");
});
?著作權(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)容

  • 參考:.on() 眾多歷史問(wèn)題(如.live()),不一一說(shuō)明,只想說(shuō),我們給一個(gè)對(duì)象綁定事件的時(shí)候可以用如下方式...
    心徹閱讀 596評(píng)論 0 0
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,518評(píng)論 0 8
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,604評(píng)論 19 139
  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,722評(píng)論 2 10
  • 冬天有始無(wú)終地來(lái)了 還是忘了你吧 那些游弋于心底的甜蜜 以后的日子不會(huì)再有 任憑我放縱奢望和綺念 幸福只是你香氣的...

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