浅析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 相关文章推荐
Prototype1.5 rc2版指南最后一篇之Position
Jan 10 Javascript
关于IE7 IE8弹出窗口顶上
Dec 22 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
JavaScript 高级篇之函数 (四)
Apr 07 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
Vue简单实现原理详解
May 07 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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
多文件上传的例子
2006/10/09 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
php简单复制文件的方法
2016/05/09 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
php输出形式实例整理
2020/05/05 PHP
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
JS基于cookie实现来宾统计记录访客信息的方法
2015/08/04 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
详解Python编程中time模块的使用
2015/11/20 Python
Python实现二叉搜索树
2016/02/03 Python
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
python 接收处理外带的参数方法
2018/12/03 Python
python Django的web开发实例(入门)
2019/07/31 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
美国家具网站:Cymax
2016/09/17 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
精选奢华:THE LIST
2019/09/05 全球购物
党支部承诺书范文
2014/03/28 职场文书
消防演习感想
2015/08/10 职场文书
Python&Matlab实现樱花的绘制
2022/04/07 Python
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技