首页 > 代码库 > 事件操作

事件操作

jquery事件的写法:.on() .off() .one()
写法一:1、当一个元素同时绑定多个事件的时候,只会执行最后一个;2、对于动态生成的元素无效。
$("div").click(function(){
alert(123);
});
$("div").mouseover(function(){ //只执行最后一个,第一个忽略
alert(456);
});

写法二:1、可以同时绑定多个事件;2、不仅可以绑定系统事件,也可以绑定自定义事件;3、可以动态绑定事件
$("div").on("click show",function(){
alert(123); //两个事件都会被执行
});

//也可以使用对象键值对的写法:
$("div").on({
‘click‘:function(){alert(123)},
‘mouseover‘:function(){alert(345)}
});

//可以代替dalegate,实现事件委托,dalegate的写法:把"click"与"li"调换位置。
$("ul").on("click","li",function(){
$(this).css("background","red"); //后面不管添加多少个li,或者通过append动态生成的li一样有效。
});

//取消事件的写法:
$("div").off(); //取消所有的事件
$("div").off("click");指定取消哪个事件
//取消事件委托的写法:
$("ul").off("click","li");
$("ul").undalegate("click","li");

事件操作