[jQuery]事件系列

一　bind方法

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

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

返回值：Object

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

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

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

 1 常规绑定

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

<div ></div> 

 jQuery代码：

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

 2 多事件绑定

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

<div ></div> 

 

 jQuery代码：

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

 3 映射绑定

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

<div ></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
		);
	})