浅析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打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
Nov 26 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
Vue 事件处理操作实例详解
Mar 05 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 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
PHP4引用文件语句的对比
2006/10/09 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
php简单截取字符串代码示例
2016/10/19 PHP
PHP实现基于PDO扩展连接PostgreSQL对象关系数据库示例
2018/03/31 PHP
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
js通过classname来获取元素的方法
2016/11/24 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
2018/07/09 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
2019/02/15 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
Python算法应用实战之队列详解
2017/02/04 Python
Python列表list解析操作示例【整数操作、字符操作、矩阵操作】
2017/07/25 Python
Python Xml文件添加字节属性的方法
2018/03/31 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
Python猴子补丁知识点总结
2020/01/05 Python
基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片 功能
2019/07/09 HTML / CSS
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
房地产财务管理制度
2014/02/02 职场文书
小学二年级评语
2014/04/21 职场文书
考试没考好检讨书
2015/05/06 职场文书
海上钢琴师观后感
2015/06/03 职场文书
关于开学的感想
2015/08/10 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
Python函数式编程中itertools模块详解
2021/09/15 Python