jQuery事件之on()方法绑定多个选择器,多个事件
来源:互联网 发布:js sleep函数 编辑:程序博客网 时间:2024/06/01 08:44
这样一个需求,如果用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()方法绑定多个选择器,多个事件
0 0
- jquery on()方法绑定多个选择器,多个事件
- jquery on()方法绑定多个选择器,多个事件
- jQuery事件之on()方法绑定多个选择器,多个事件
- jQuery事件之on()方法绑定多个选择器,多个事件
- jquery多个选择器绑定同一个事件
- jquery on事件jquery on实现绑定多个事件
- jquery on绑定多个事件
- bind方法绑定多个jquery事件
- jquery 绑定多个事件
- js事件on动态绑定数据,绑定多个事件
- jquery 多个元素绑定同时绑定多个事件
- JQuery一个对象绑定多个事件
- jquery一个控件绑定多个事件
- JQuery一个对象绑定多个事件
- JQuery处理绑定多个button事件
- jquery多个标签绑定同一个事件
- jquery事件的切换,和多个事件的绑定
- 50、实例 使用jQuery管理事件之绑定多个事件
- 如何查找计算机科学类学术论文
- Antlr学习中遇到的问题1--.java文件无法通过编译
- ASI断点下载
- 如何从文件中读取字符串到string对象
- SDUTOJ 2802--英语系列二【并查集】
- jQuery事件之on()方法绑定多个选择器,多个事件
- 武林高手和技术高手
- build.prop内容详细介绍(转)
- 修改linux默认jdk方法详解
- 首尾相连数组的最大子数组和 淘宝面试题
- Java中的String对象是不可变的吗?
- ParameterizedType获取java泛型参数类型
- matlab eval 可变变量名 赋值
- 基于CallStack的反Rootkit HOOK检测