重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
把setTab里的1改为this就可以达到绑定事件一样的效果。我经常在我的函数里只传一个this对象,然后把要传的参数写在这个对象的一个自定义属性上。这样可以传N个参数而不需要修改函数名,这样的兼容性也很好。因为我们有时只要一个参数,有时要两个参数。看下面的例子转换:
目前创新互联已为千余家的企业提供了网站建设、域名、雅安服务器托管、绵阳服务器托管、企业网站设计、新蔡网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
a href="#" onclick="setTab(this)" myid="22" mydata="接收我吧"/a
a href="#" onclick="setTab(this)" myid="33"/a
function setTab(em){
var $this=$(em);
var myid=$this.attr("myid");
var mydata=$this.attr("mydata");
$("a").removeClass("hover");
$this.addClass("hover");
alert("这里就是你要的参数可以传N个参数"+myid+"===="+mydata);
}
如题,比如我想在$(":text").bind("keyup",funcionName);将当前的文本框作为参数传递给
functionName所代表的函数,应该怎么写?试了一
下$(":text").bind("keyup",functionName(this));这样是不对的!
1.直接在funcionName
里用
this
就是
对
触发时间的元素本身的引用,如果你需要funcionName有更多参数的话,可以这样用:
2.$(":text").bind("keyup",function(){
funcionName(arg1,arg2,arg3,arg4);
});
3.有个event名称的参数可以传
$(:text").bind("keyup",
function(event)
{
event
=
event
||
window.event;
var
target
=
event.target;
//这个就是触发事件的控件
});
一、jQuery绑定事件的三种方法
我们这里首先复习一下jQuery绑定事件的三种方法:
target.click(function(){});
target.on("click",function(){});
target.bind("click",function(){});
target.live("click",function(){});
live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。
二、传递参数
1.使用trigger触发事件来进行参数传递
$('p:first').bind('myclick',function(event,arg1,arg2){
$(arg1).appendTo('body');
console.log(arg2);
});
$('input').click(function(){
$('p:first').trigger('myclick',//这里触发了myclick事件
['diva href=""google/a/div','this is to console.log']); //第二个参数 string});
2.使用bind传递参数
var name_value='stonecold';
$('p').bind('click',{name:name_vlaue},function(event){
console.log(event.data.name);//结果在控制台上显示为stonecold});
3.在简单的事件中传递参数
A:首先定义一个函数,在点击的时候触发:
function fn_name(arg1){
$(arg1).appendTo('body');
}
B:定义一个变量作为参数传递
var arg='a href=""googlea';
$('img:first').click(function(){
fn_name(arg);
});