博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery on()方法绑定多个选择器,多个事件
阅读量:6186 次
发布时间:2019-06-21

本文共 1205 字,大约阅读时间需要 4 分钟。

on(events,[or],[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... });

在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');
 

转载于:https://www.cnblogs.com/tiger95/p/6897512.html

你可能感兴趣的文章
Zabbix应用之Server/Agent部署
查看>>
添加PaloAlto 8.0到EVE-NG
查看>>
开源大数据处理工具汇总(上)
查看>>
lduan server 2012 IIS 远程管理(二十六)
查看>>
kube-shell安装与使用
查看>>
Python基础学习(三)
查看>>
centos7 下yum安装mysql8.0.15
查看>>
关于AsyncTask异步执行任务Demo
查看>>
2015年8月30日课程作业(练习)
查看>>
Android异步更新UI的方式之使用Handler消息传递机制
查看>>
对 okhttp 网络框架的封装 easy-okhttp 推荐 国产 网络工具包
查看>>
Eclipse缩短包名设置
查看>>
callable() 函数
查看>>
有4个线程A、B、C、D,分别打印1、2、3、4,请同时启动他们,但是要求按照1234的顺序输出结果...
查看>>
liunx 中普通用户关机的方法
查看>>
LNMP架构应用实战——Nginx配置虚拟主机
查看>>
linux和unix常用快捷键
查看>>
IT职场人生系列之九:消费观(攒钱,继续教育,买房)
查看>>
第八部分 防火墙规则
查看>>
dedecms后台管理搜索到文章正文内容的方法
查看>>