jquery,on绑定事件的四种方式

本文深入讲解了使用jQuery进行事件绑定的四种方法:单个事件绑定、多个事件绑定同一函数、多事件和多函数绑定以及传入自定义参数的事件绑定。通过具体的HTML元素和JavaScript代码示例,详细阐述了每种绑定方式的实现细节。

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

on绑定的四种方式!

HTML

<button>点击</button>
<p>on绑定事件</p>
<p>点击</p>
<p>移入</p>

1.使用on进行单个事件绑定

$("button").on("click",function(){
           alert($("p").text())
        });

2.使用on同时为多个事件,绑定同一函数

$("button").on("mouseover click",function(){
            alert($("p").text());
        })

3.使用on进行多事件和多函数绑定

$("button").on({click:function(){
            alert($("p:eq(1)").text())
            },
            mouseover:function(){
            alert($("p:eq(2)").text());
            }
        });

4.调用函数时,传入自定义参数

$("button").on("click",{name:"jianghao"},function(event){//使用event.data.属性名 找到传入的参数
        alert(event.data.name);
        })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值