jquery on()方法绑定多个选择器,多个事件

on(events,[selector],[data],fn)

•events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。
•selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。
•data:当一个事件被触发时要传递event.data给事件处理函数。
•fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。

这样一个需求，如果用live()方法实现的话非常简单，容易理解。

$('nav li, #sb-nav li, #help li').live('click', function () { // code...
});

jquery在1.7版本后，建议大家用on方法代替之前的bind、live、delegate方法。
那上面一句如果用on的话，怎么写呢？

其实查看live源码就知道，live实际是委托doucment进行事件委派的。

按照这个思路，可以将on方法绑定到document即可。

$(document).on('click', '#header .fixed-feedback-bn, #sb-sec .feedback-bn', function () { // code... });

还有一种情况，on()方法绑定多个事件，可以这样写：

$("table.planning_grid").on({ mouseenter: function() { // Handle mouseenter...
    }, mouseleave: function() { // Handle mouseleave...
    }, click: function() { // Handle click...
    }
}, "td");

最后，用on()方法绑定多个选择器，多个事件则可以这样写：

$(document).on({ mouseenter: function() { // Handle mouseenter...
    }, mouseleave: function() { // Handle mouseleave...
    }, click: function() { // Handle click...
    }
}, '#header .fixed-feedback-bn, #sb-sec .feedback-bn');

jquery on()方法绑定多个选择器,多个事件相关推荐

jQuery on()方法绑定动态元素的点击事件无响应的解决办法
$('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count ...
jQuery on()方法绑定动态元素的点击事件无效
之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态 ...
jquery总结01-基本概念和选择器
dom元素和jquery元素的区别 dom元素支持dom元素自带的属性和方法,jquery元素支持jquery元素自带的属性和方法 dom var div = doc ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
jQuery unbind 删除绑定事件 / 移除标签方法
jQuery unbind 删除绑定事件 unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用b ...
JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
Jquery的on方法绑定事件
$(selector).on('events',fn) events:一个或多个用空格分隔的事件类型 selector:元素的子元素选择器 fn:回调函数,即绑定在元素身上的侦听函数 1.on方法可以 ...
jQuery on()方法
jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法 ...
jQuery工具方法
目录常用工具方法判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件返回值 JSONP 文件上传参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...
jQuery本身方法（$.each,$.map,$.contains,$ajax）
常用工具方法 (1)$.trim $.trim方法用于移除字符串头部和尾部多余的空格. $.trim(' Hello ') // Hello (2)$.contains $.contains方法返回一 ...

jquery on()方法绑定多个选择器,多个事件

jquery on()方法绑定多个选择器,多个事件相关推荐

最新文章

热门文章