现在的位置: 首页 > 综合 > 正文

[jQuery]事件系列

2012年05月19日 ⁄ 综合 ⁄ 共 1036字 ⁄ 字号 评论关闭

一 bind方法

原型: bind(type,[data],fn)

作用:为每一个匹配的元素的特定事件绑定一个事件处理器函数

返回值:Object

参数:type(String):事件类型

   data(Object):【可选】作为event.data属性值传递给事件对象的额外数据对象

         fn(Function):绑定到每个匹配元素的事件上面的处理函数

 1 常规绑定

<input type="button" value="test" id="button"/>  

<div id="test2"></div> 

 jQuery代码:

$(document).ready(function(){
		$("#button").bind(
			"click",function(){$("#test2").text("this is a test");});
	});

 2 多事件绑定

<input type="button" value="test" id="button"/>  

<div id="test2"></div> 

 

 jQuery代码:

	$(document).ready(function(){
		$("#button").bind(
			"click mouseover",function(){$("#test2").text("this is a test");});
	});

 3 映射绑定

<input type="button" value="test" id="button"/>  

<div id="test2"></div> 

 

jQuery代码:

	$(document).ready(function(){
		$("#button").bind(
		{
			click:function(){$("#test2").text("this is a test");},
			mouseover:function(){$("#test2").text("this is girl");}
		});
	});

4  取消默认的行为,阻止事件冒泡

 事件处理函数必须返回false

例子代码:function(){return false;}

5  可选参数data的应用

这是一个可选项,这个参数主要用来设置处理函数需要使用的参数

HTML代码同上

jQuery代码:

	$(document).ready(function(){
		function hand(event){
			alert(event.data.mm);
			}
		$("#button").bind(
			"click",{mm:"Allen"},hand
		);
	})

抱歉!评论已关闭.