首页 > Web开发 > 详细

jQuery事件之传递参数

时间:2015-11-29 22:59:07      阅读:413      评论:0      收藏:0      [点我收藏+]

一、jQuery绑定事件的三种方法

  我们这里首先复习一下jQuery绑定事件的三种方法:

target.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事件
                  [‘<div><a href="http://www.google.com.hk">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="http://www.google.com.hk">google<a>‘;
$(‘img:first‘).click(function(){
    fn_name(arg);
});  

 

jQuery事件之传递参数

原文:http://www.cnblogs.com/shytong/p/5005704.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!