事件操作

Posted 2020-08-19 2350305682

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");