转载】JQuery中如何传递参数如click(),change()等具体实现
转载地址:http://www.jb51.net/article/36249.htm
这个作业就是给几个按钮添加click()事件,一般的用法是这样的:
$("#but_one").click(function(){
$("#select1 option:selected").appendTo($("#select2"));
});
然后我查找了官方文档,对click的说明是这样的,后来我还是没有百度到答案,
我考虑到代码的重用性,想直接传"select1"和"select2"字符串进去,我就使用下面的方法:
$("#but_one").click(select("select1","select2"));
//提高代码重用性,根据函数变更
function select(s1,s2){ $(("#"+s1+"option:selected")).appendTo($("#"+s2));
}
后来发现jQuery中,如果使用函数名加括号,就是执行,所以我绑定事件的时候就执行了,如select()就执行了,后来百度了一下也没有找到答案,就去google了一下,乖乖,还真找到了,在stackoverflow论坛上面找到了答案.然后我的代码就变成了这样:
$(function(){
var obj1 = {s:"select1",s2:"select2"};
var obj2 = {s:"select2",s2:"select1"};
$("#1").click(obj1,select);
$("#2").click(obj1,select2);
$("#3").click(obj2,select);
$("#4").click(obj2,select2);
function select(event){
console.debug(event.data.s);
$(("#"+event.data.s+" option:selected")).appendTo($("#"+event.data.s2));
}
function select2(event){
$("#"+event.data.s+" option").appendTo($("#"+event.data.s2));
}
});
click(data,fn)中的data其实是json对象,取的时候,只能通过当前的事件源来取,data是默认放在event中的,所以这里的data是eventdata,引用的时候也使用event.data.name,也就是说JQuery中的所有触发时间的方法,需要传递参数都可以通过eventdata对象来传递参数:
这里分享下老外的代码 :
$("select#test").change({msg: "ok"}, function(event) {
myHandler(event.data.msg);
});
转载于:https://www.cnblogs.com/telwanggs/p/9961992.html
转载】JQuery中如何传递参数如click(),change()等具体实现相关推荐
- jQuery事件之传递参数
jQuery事件之传递参数 转载▼ 我们经常使用jQuery中给DOM元素绑定事件来执行一些动态的功能,但是很少有人知道在jQuery中是如何来给DOM元素传递参数以及如何绑定自己定义的事件. ...
- ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例
Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...
- jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
- python参数传递方法_深入理解python中函数传递参数是值传递还是引用传递
python 的 深入理解python中函数传递参数是值传递还是引用传递 目前网络上大部分博客的结论都是这样的: Python不允许程序员选择采用传值还是传 引用.Python参数传递采用的肯定是&q ...
- js中函数传递参数,究竟是值传递还是引用传递?
记住真理: js函数传递参数,不管是简单数据类型,还是引用数据类型,都是值传递!! 下面是js红包书里面的例子: function setName(obj) { obj.name = "Ni ...
- python中可变参数args传入函数时储存的类型是_[转载]Python中函数的参数定义和可变参数*args与**args...
Python中函数的参数定义和可变参数 *args与**args区别 刚学用Python的时候,特别是看一些库的源码时,经常会看到func(*args, **kwargs)这样的函数定义,这个*和** ...
- JQuery中$.ajax()方法参数详解(转)
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
- JQuery中Ajax的参数
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...
- c++中多线程传递参数原理分析
线程可以共享进程的内存空间,线程拥有自己独立内存. 关于参数的传递,std::thread的构造函数只会单纯的复制传入的变量,特别需要注意的是传递引用时,传入的是值的副本,也就是说子线程中的修改影响不 ...
最新文章
- JavaScript碎片
- php mysql 时间差_PHP中计算时间差的方法
- *30.什么是微内核
- 计算机网络安全课程好吗,浅议计算机网络课程教学问题与对策 计算机网络安全有哪些...
- 的控制台主题_【12.11最新版】芯片机/大气层主题软件NXThemesInstaller
- xlutils演练 修改表格内容
- 【字符编码】彻底理解字符编码
- 昔日国产手机巨头突然复出发两款新机 网友:回来当炮灰吗?
- 备份数据库的expdp语句_Oracle数据库备份恢复Data Pump Expdp/Impdp参数详解与案例介绍...
- 【原创】CGAL使用心得
- arm2410 linux,ARM2410与Linux开发环境的搭建
- (转)如何学习盈透api的开发?
- 广州大学锐捷认证协议安全性研究
- 关于光伏行业的测试及测试标准
- 2021虫虫百度域名URL批量采集工具【自动去重】
- Offer是否具有法律效力
- 用python爬取网页数据代码_python实现web页面数据抓取代码
- 优秀的UI设计师应该了解的图标设计规范!
- 嵌入式开发环境的搭建之威睿工作站
- 关于SQL练习2的一些写法。。。
热门文章
- mysql innodb 间隙锁_MySQL中InnoDB的间隙锁问题
- Linux之磁盘冗余阵列
- (83)FPGA仿真完成激励(finish)
- 服务器多路径 映射分区找不到,设备映射多路径DM-Multipath
- nodejs从服务器返回静态文件,nodejs静态资源服务器
- java排序方法调用_Java实现顺序查找、二分查找、冒泡排序、方法调用
- ajax php登陆界面,实例详解Ajax实现漂亮、安全的登录界面
- 数据结构之遍历二叉树
- 并行计算(一)——初步认识
- DMA(direct memory access)控制方式