1.jquery绑定click事件的四种写法
1.使用jq的click方法绑定
//给元素button绑定点击事件
$("button").click(function(){
alert("jquery使用click绑定事件");
})
2.使用jq的bind方法绑定与
//给元素button绑定点击事件
$("button").bind("click",function(){
alert("jquery使用bind绑定事件");
})
3.使用jq的on方法绑定
//给元素button绑定点击事件
$("button").on("click",function(){
alert("jquery使用on绑定事件");
})
4.使用jq的可绑定动态元素的on方法绑定
//给元素button绑定点击事件
$("body").on("click","button", function () {
alert("jquery使用on可绑定动态元素事件");
})
2.jquery移除click事件
1.使用unbind方法
//移除click事件
$("button").unbind("click");
2.使用off方法:
//移除click事件
$("#btn").off("click");
3.使用on绑定动态元素的移除:
//移除click事件
$("body").off("click","#btn");
注意:关于off函数的参数说明如下:
/*如果不传参,会移除所有的事件*/
$("#btn").off();
/*如果传递一个参数,会移除这个类型的所有事件*/
$("#btn").off('click');
/*如果传递两个参数,则移除这两个参数指定的事件*/
$("#btn").off('click',test);