首页 > 代码库 > on使用详解
on使用详解
on()是bind(),live(),delegate()的替代品,1.7及1.7以后使用on()
bind() 绑定元素
live() 为元素附加事件,匹配选择器的当前及未来的元素(比如由脚本创建的新元素)
delegate() 绑定被选元素的子元素
使用介绍:
$(selector).on(event,childSelector,data,function,map)
替代live
$("#a").live("click",function(){
});
$("#a").on("click", function(){
});
$("ul").delegate("li", "click", function(){
});
$("ul").on("click", "li", function(){
});
绑定多个事件
$("#a").on("mousemove mouseout", function(){
});多个事件分别绑定
$("p").on({
mouseover:function(){$("body").css("background-color","lightgray");},
mouseout:function(){$("body").css("background-color","lightblue");},
click:function(){$("body").css("background-color","yellow");}
});
mouseover:function(){$("body").css("background-color","lightgray");},
mouseout:function(){$("body").css("background-color","lightblue");},
click:function(){$("body").css("background-color","yellow");}
});
此外 用off()来移除on()创建的事件,替代unbind(), undelegate(), die()
on使用详解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。