JQuery的on事件绑定

本文介绍了在JQuery中使用click和on方法绑定点击事件的区别,特别是在动态生成的DOM元素上,on方法通过事件冒泡机制提供了更高效和灵活的事件处理方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

正文

使用Jquery要添加click事件,有两个方法

// click事件
$().click(function(){ })
// on事件
$().on('click',function(){ })

发现在动态添加的Dom元素shang ,使用click是行不通的,只能使用on把事件绑定到元素上。尤其是这种

$('ul').on('click','li',function(){ })

查证得知,这是将事件绑定到$()选中的元素上,在on中指定绑定的事件,后面是一个可选子元素。处理时将事件层层上抛给父元素,属于事件冒泡,有这更高的性能,并且利用冒泡事件可以直接给大量子元素绑定事件,如:

$('ul').on('click','.edit',function(){ })

这样ul中所有class=“edit”的元素都会绑定click事件
推荐使用on来进行事件绑定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值