jquery中的on()和click()區別:1、【click()】屬於靜態加載,當頁面加載完,就不再為新增加的元素添加點擊事件;2、【on ()】屬於動態加載,當頁面加載完,可以為新增加的元素添加事件,但是必須選定父級元素。
該方法適用於所有品牌電腦
jquery中的on()和click()區別:
click()
屬於靜態加載,當頁面加載完,就不再為新增加的元素會新增點擊事件。
on()
屬於動態加載,當頁面加載完,可以為新增加的元素添加事件。但是必須選定父級元素。
使用範例:
$("#newclick").click(function(){ $(".li").append('<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>'); }); $("#newon").click(function(){ $(".li").append('<li>动态添加的HTML元素on<button class="deleteon">Delete</button></li>'); }); $(".delete").click(function(){ $(this).parent().remove(); }); $(".li").on('click', ".deleteon", function(){ $(this).parent().remove(); }) $(".deleteclick").click(function(){ $(this).parent().remove(); });
註:on前面的元素必須在頁面載入的時候就存在DOM裡面。
#相關免費學習推薦:javascript(影片)
以上是jquery中的on()和click()差異是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!