Rumah > hujung hadapan web > tutorial js > jquery中的on()和click()区别是什么

jquery中的on()和click()区别是什么

coldplay.xixi
Lepaskan: 2020-11-25 16:55:51
asal
4730 orang telah melayarinya

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(); 
});
Salin selepas log masuk

注:on前面的元素必须在页面加载的时候就存在DOM里面。

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery中的on()和click()区别是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan