首頁 > web前端 > js教程 > jquery中的on()和click()差異是什麼

jquery中的on()和click()差異是什麼

coldplay.xixi
發布: 2020-11-25 16:55:51
原創
4743 人瀏覽過

jquery中的on()和click()區別:1、【click()】屬於靜態加載,當頁面加載完,就不再為新增加的元素添加點擊事件;2、【on ()】屬於動態加載,當頁面加載完,可以為新增加的元素添加事件,但是必須選定父級元素。

jquery中的on()和click()差異是什麼

  • 該方法適用於所有品牌電腦

jquery中的on()和click()區別:

  • click()屬於靜態加載,當頁面加載完,就不再為新增加的元素會新增點擊事件。

  • on()屬於動態加載,當頁面加載完,可以為新增加的元素添加事件。但是必須選定父級元素。

使用範例:

$("#newclick").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>&#39;); 
});
$("#newon").click(function(){ 
    $(".li").append(&#39;<li>动态添加的HTML元素on<button class="deleteon">Delete</button></li>&#39;); 
});
$(".delete").click(function(){ 
    $(this).parent().remove(); 
}); 
$(".li").on(&#39;click&#39;, ".deleteon", function(){
    $(this).parent().remove(); 
})
$(".deleteclick").click(function(){ 
    $(this).parent().remove(); 
});
登入後複製

註:on前面的元素必須在頁面載入的時候就存在DOM裡面。

相關免費學習推薦:javascript(影片)

#

以上是jquery中的on()和click()差異是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板