jquery 绑定事件的优化处理方法
2014-03-09 00:00
423 查看
这里假设我们有一个表格,我们想在单击表格的td的时候,使该td的 背景变成红色
前面的引入jquery组件,不写了,自己引入。然后在body里面定义一个table,里面包含若干tr和td
我们前面的想法是,
$("table tr td").click(function(){
$(this).css('background', 'red');
});
这样实现是没有问题的。但是据说不够高效。
接下来我们用下面的据说高效的方法实现 同样的功能
$("table").click(function(e) {
var $clicked = $(e.target);
$clicked.css('background', 'red');
});
这样也是 可以的,这种方法主要靠父类完成事件的调度
参考资料:http://hi.baidu.com/autumn%5Fkai/blog/item/013352d41b8e0fcd50da4bd6.html
前面的引入jquery组件,不写了,自己引入。然后在body里面定义一个table,里面包含若干tr和td
我们前面的想法是,
$("table tr td").click(function(){
$(this).css('background', 'red');
});
这样实现是没有问题的。但是据说不够高效。
接下来我们用下面的据说高效的方法实现 同样的功能
$("table").click(function(e) {
var $clicked = $(e.target);
$clicked.css('background', 'red');
});
这样也是 可以的,这种方法主要靠父类完成事件的调度
参考资料:http://hi.baidu.com/autumn%5Fkai/blog/item/013352d41b8e0fcd50da4bd6.html
相关文章推荐
- JQuery入门――用bind方法绑定事件处理函数应用介绍
- 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法
- 处理jQuery append加入的元素 绑定事件无效的方法
- JQuery入门――用bind方法绑定事件处理函数应用介绍
- jQuery动态添加的元素绑定事件处理函数代码的方法及比较
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jquery使用on()方法绑定元素阻止事件冒泡问题
- jQuery判断元素上是否绑定了指定事件的方法
- Jquery事件处理方法
- jQuery中的bind绑定事件与文本框改变事件的临时解决方法
- JQuery之绑定事件处理程序
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jQuery给动态添加的元素绑定事件的方法
- jQuery文本框(input textare)事件绑定方法教程
- jquery live()方法绑定事件
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery防止重复绑定事件的解决方法
- jQuery给动态添加的元素绑定事件的方法
- jQuery绑定以及解除时间方法总结,以及事件触发的方法