jquery中ON方法的使用
2014-07-28 16:50
162 查看
以前在jquery中绑定动态元素一直使用live,现在才发现live已经被抛弃了,现在如果想实现live方法,可以使用最新的ON方法,具体使用如下:
$('#list li').live('click', '#list li', function() {
//function code here.
});
on()写法
$(document).on('click', '#list li', function() {
//function code here.
});
这里的关键就是第二个参数'selector'在起作用了。它是一个过滤器的作用,只有被选中元素的后代元素才会触发事件。
替换delegate()
delegate()是1.4引入的,目的是通过祖先元素来代理委派后代元素的事件绑定问题,某种程度上和live()
优点相似。只不过live()是通过document元素委派,而delegate则可以是任意的祖先节点。使用on()实现代理的写法和
delegate()基本一致。
delegate()的写法
$('#list').delegate('li', 'click', function() {
//function code here.
});
on()写法
$('#list').on('click', 'li', function() {
//function code here.
});
貌似第一个和第二个参数的顺序颠倒了一下,别的基本一样。
替换live()
live()写法$('#list li').live('click', '#list li', function() {
//function code here.
});
on()写法
$(document).on('click', '#list li', function() {
//function code here.
});
这里的关键就是第二个参数'selector'在起作用了。它是一个过滤器的作用,只有被选中元素的后代元素才会触发事件。
替换delegate()
delegate()是1.4引入的,目的是通过祖先元素来代理委派后代元素的事件绑定问题,某种程度上和live()
优点相似。只不过live()是通过document元素委派,而delegate则可以是任意的祖先节点。使用on()实现代理的写法和
delegate()基本一致。
delegate()的写法
$('#list').delegate('li', 'click', function() {
//function code here.
});
on()写法
$('#list').on('click', 'li', function() {
//function code here.
});
貌似第一个和第二个参数的顺序颠倒了一下,别的基本一样。
相关文章推荐
- jquery新的绑定事件机制on方法的使用方法
- jquery新的绑定事件机制on方法的使用方法
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery的on()监听方法使用
- jquery新的绑定事件机制on方法的使用方法
- Jquery中的on()使用理解,无法使用on方法
- 深入理解jquery新的绑定事件机制on方法的使用(推荐)
- jQuery中on方法使用注意事项详解
- jquery中的on方法使用介绍
- 关于新版jquery用on()方法代替live方法的正确使用方式
- 深入理解jquery新的绑定事件机制on方法的使用
- jquery.validate和onsubmit() 同时使用的方法
- jquery 使用on方法给元素绑定事件
- jquery操作中使用window.onbeforeload()方式无法解除事件的方法
- jQuery的三种bind/One/Live/On事件绑定使用方法
- 使用 jquery 事件委托的 on 方法
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
- Jquery的on()方法使用
- 记忆,jQuery的click方法和on方法(on方法,有很多种使用,如on的change)?
- jQuery的三种bind/One/Live/On事件绑定使用方法