菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
246
0

on使用详解

原创
05/13 14:22
阅读数 89477

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(){
});
 
替代delegate
$("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");}  
 });
 
此外 用off()来移除on()创建的事件,替代unbind(), undelegate(), die()
 

发表评论

0/200
246 点赞
0 评论
收藏
为你推荐 换一批