jQuery支持动态参数将函数绑定到事件上的方法


Posted in Javascript onMarch 17, 2015

本文实例讲述了jQuery支持动态参数将函数绑定到事件上的方法。分享给大家供大家参考。具体分析如下:

下面的js代码提供了两种方法用于绑定函数到事件,其中方法二可以传递动态参数,非常实用

//方法一
$('#foo').click(function(event) {
alert('User clicked on "foo."');
}); 
 
//方法二, 支持动态传参
$('#foo').bind('click', {test1:"abc", test2:"123"}, function(event) {

alert('User clicked on "foo."' + event.data.test1 + event.data.test2);
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
JavaScript实现前端分页控件
Apr 19 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
浅谈JS中几种轻松处理'this'指向方式
Sep 16 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
jQuery实现预加载图片的方法
Mar 17 #Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 #Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 #Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 #Javascript
input输入框鼠标焦点提示信息
Mar 17 #Javascript
原生JS实现LOADING效果
Mar 16 #Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 #Javascript
You might like
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
PHP实现清除MySQL死连接的方法
2016/07/23 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
深入理解javaScript中的事件驱动
2013/05/21 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
小程序富文本提取图片可放大缩小
2020/05/26 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
python实现对一个完整url进行分割的方法
2015/04/29 Python
Python中return语句用法实例分析
2015/08/04 Python
用python找出那些被“标记”的照片
2017/04/20 Python
简单谈谈python中的语句和语法
2017/08/10 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
Python 如何批量更新已安装的库
2020/05/26 Python
花卉与景观设计系大学生求职信
2013/10/01 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
Python语言中的数据类型-序列
2022/02/24 Python
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js
Redis高并发缓存架构性能优化
2022/05/15 Redis
Java完整实现记事本代码
2022/06/16 Java/Android