jquery参数传递,js方法传递参数

jquery怎么传递参数

把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);

}

JQuery 绑定事件时传递参数的实现方法

如题,比如我想在$(":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绑定事件的三种方法

我们这里首先复习一下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);

});  


当前文章:jquery参数传递,js方法传递参数
当前链接:http://scyanting.com/article/dscdhcj.html