JQuery中如何传递参数如click(),change()等具体实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery中如何传递参数如click(),change()等具体实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1548字，纯文字阅读大概需要3分钟。

内容图文

$("#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); 
}); 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JQuery中如何传递参数如click(),change()等具体实现全部内容，希望文章能够帮你解决JQuery中如何传递参数如click(),change()等具体实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端