Jquery之绑定事件的三种方法(.bind .live .on .delegate )
来源:互联网 发布:华为荣耀盒子安装软件 编辑:程序博客网 时间:2024/05/22 10:40
live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。
1.$(selector).bind(event,data,function) 亲自试一试
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数
bind()对于未来的元素无效,live()弥补这个缺点。
必需。规定添加到元素的一个或多个事件。
由空格分隔多个事件。必须是有效的事件。
data可选。规定传递到函数的额外数据。function必需。规定当事件发生时运行的函数。$(selector).bind({event:function, event:function, ...}) 亲自试一试
2.$(selector).live(event,data,function) 亲自试一试
live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
3.$(selector).on(event,childSelector,data,function,map) 尝试一下 »
由空格分隔多个事件值。必须是有效的事件。childSelector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。data可选。规定传递到函数的额外数据。function可选。规定当事件发生时运行的函数。map规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
从 bind() 改为 on()
如何使用 on() 来达到与 bind() 相同的效果。
Changing from delegate() to on()
如何使用 on() 来达到与 delegate() 相同的效果。
从 live() 改为 on()
如何使用 on() 来达到与 live() 相同的效果。
添加多个事件处理程序
如何向元素添加多个事件处理程序。
使用 map 参数添加多个事件处理程序
如何使用 map 参数向被选元素添加多个事件处理程序。
在元素上添加自定义事件
如何在元素上添加自定义命名空间事件。
向函数传递数据
如何向函数传递数据。
向未来的元素添加事件处理程序
演示 on() 方法也适用于尚未创建的元素。
移除事件处理程序
如何使用 off() 方法移除事件处理程序。
4.$(selector).delegate(childSelector,event,data,function) 亲自试一试
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
- Jquery之绑定事件的三种方法(.bind .live .on .delegate )
- jQuery中事件绑定bind、live、delegate、on方法
- Jquery之事件绑定(bind(),live(),delegate(),on())
- jQuery事件绑定bind、live、delegate和on的区别
- jQuery绑定方法的区别 - .bind() / .live() / .delegate() / .on()
- jQuery绑定方法的区别 - .bind() / .live() / .delegate() / .on()
- jQuery三种事件绑定方式.bind(),.live(),.delegate()
- jQuery三种事件绑定方式:bind(),.live(),.delegate()
- jQuery事件绑定方法bind、 live、delegate和on的区别
- Jquery中的bind()live()delegate()on()绑定事件方法的用法
- jquery的on、off、one、bind、delegate、live、die绑定事件方法研究
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- jQuery四种事件绑定方式.bind(),.live(),.delegate(),on()的区别
- angularjs-路由
- 堆和栈的区别(被转载过无数次的文章)
- Mybatis 的分页插件PageHelper-4.1.1的使用
- 插件化知识详细分解及原理 之ClassLoader及dex加载过程
- jvm-监控指令-jstack
- Jquery之绑定事件的三种方法(.bind .live .on .delegate )
- apache-tomcat-7.0.57的一个BUG,文件上传时超过设定的值,页面无状态无响应
- 文章标题
- 了解Nginx以及配置反向代理
- 正则表达式验证字符串是否包含空格
- java 基础知识八 正则表达式
- 对eclipse、jdk、jre的理解
- 魔术方法和魔术常量简单总结
- ParallaxPager代替viewpagerAndroid的引导页