jquery中事件的绑定和移出

jquery中事件的绑定有2种
1:eventName(fn);编码效率略高,部分js事件没有实现,所以不能添加
2:on(eventName,fn):编码效率较低/所有js事件都可以添加
fn:代表回调函数,eventname:代表事件名字
他们和原生js同的是,他们可以外某个元素添加一个或者多个不同的事件,且不会覆盖

	//  */
				$("button").click(function(){
					// alert("讨厌你");
					console.log("ajkb ");
				});
				$("button").click(function(){
					// alert("讨厌hkb 你");
					console.log("jlkgbsg");
				});
				$("button").mouseleave(function(){
					alert("太阿星你 mouseleave");
				});
				$("button").mouseenter(function(){
					alert("太阿星你 mouseenter");
				});
				
				$("button").on("click",function(){
					alert("讨厌你");
				});
				$("button").on("click",function(){
					alert("讨很久");
				});
				$("button").on("mouseenter",function(){
					alert("mouseenter");
				});
				$("button").on("mouseleave",function(){
					alert("mouseleave");
				});

我们可以off()方法对元素上的事件进行移出
元素.off()
off()方法里面可以不传参,如果不传代表移出所有事件
off()方法里面如果传2个参数,会移除指定类型的事件 代码如下:

	function test1(){
					// alert("讨厌你");
					alert("讨厌你");
				}
				function test2(){
					alert("西黄你");
					// console.log("西黄你");
				}
				
				//编写jq的相关代码
				$("button").click(test1);
				$("button").click(test2);
				
				
				// $("button").click(function(){
				// 	alert("讨厌你");
				// });
				// $("button").click(function(){
				// 	alert("讨厌你");
				// });
				$("button").mouseleave(function(){
					alert("太阿星你 mouseleave");
				});
				$("button").mouseenter(function(){
					alert("太阿星你 mouseenter");
				});
				//off()方法如果不传参就移除所以所有事件
				$("button").off();
				//off如果传递1个参数,会移除所有指定类型的事件
				//$("button").off("click");
				//如果传递2个参数,会移除指定类型的指定事件
				// $("button").off("click",test1);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值