on使用详解
2024-09-25 16:57:06
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");}
});
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()
最新文章
- python学习笔记之基础二(第二天)
- Sypder上手
- \boot 空间不足解决方法
- 25个CSS3 渐变和动画效果教程
- 图形化管理debian服务
- [Tommas] SQL 中 WITH AS 的用法
- SRM 506(2-1000pt)
- python文件处理及装饰器
- Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性!
- JavaBean--简介及基本使用
- PostgreSQL 下生成 UUID(Guid)
- MyBatis(四)多参数处理问题
- [转] iOS9系统自带字体
- Tomcat介绍、安装jdk、安装Tomcat、配置Tomcat监听80端口
- PR回写 所有物料规划PR时对净需求+最小采购批量+安全库存+舍入值的先后考虑逻辑
- eclipse 中springboot2.0整合jsp 出现No Java compiler available for configuration options compilerClassName
- MyBatis where标签语句
- centos7 源码编译安装TensorFlow CPU 版本
- MVVM前端框架
- jquery ui的css设计二