浅析jQuery事件之on()方法绑定多个选择器,多个事件


Posted in Javascript onApril 27, 2016
$(document).on('click', '#header .top, #main .btn', 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...
  }
}, 'click', '#header .top, #main .btn');

以上这篇浅析jQuery事件之on()方法绑定多个选择器,多个事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 Javascript
JS实现省市县三级下拉联动
Apr 10 Javascript
js实现人民币大写金额形式转换
Apr 27 #Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 #Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
Apr 27 #Javascript
JavaScript弹窗基础篇
Apr 27 #Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 #Javascript
jQuery.form插件的使用及跨域异步上传文件
Apr 27 #Javascript
js实现纯前端的图片预览
Apr 27 #Javascript
You might like
实例讲解php数据访问
2016/05/09 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
js 鼠标移动显示图片的简单实例
2013/12/25 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
微信小程序 仿猫眼实现实例代码
2017/03/14 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
JS实现上传图片的三种方法并实现预览图片功能
2017/07/14 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
python安装以及IDE的配置教程
2015/04/29 Python
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
Java分治归并排序算法实例详解
2017/12/12 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
python的re模块使用方法详解
2019/07/26 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
高中生毕业自我鉴定范文
2013/12/22 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
环境保护标语
2014/06/20 职场文书
优秀共产党员事迹材料
2014/12/18 职场文书