bind(type,[data],fn)

返回值

jQuery

概述

为每个匹配元素的特定事件绑定事件处理函数。

jQuery 3.0中已弃用此方法，请用 on()代替。

参数

参数 类型 说明 示例值
type,[data],function(eventObject) String,Object,Function

v1.0
type：含有一个或多个事件类型的字符串，由空格分隔多个事件。比如"click"或"submit"，还可以是自定义事件名
data：作为event.data属性值传递给事件对象的额外数据对象
fn：绑定到每个匹配元素的事件上面的处理函数
type,[data],false String,Object,bool

v1.4.3
type：含有一个或多个事件类型的字符串，由空格分隔多个事件。比如"click"或"submit"，还可以是自定义事件名
data：作为event.data属性值传递给事件对象的额外数据对象
false：将第三个参数设置为false会使默认的动作失效
events String

v1.4
一个或多个事件类型的字符串和函数的数据映射来执行他们

示例

示例一

描述：当每个段落被点击的时候，弹出其文本。

jQuery 代码

$("p").bind("click", function(){
  alert( $(this).text() );
});
示例二

描述：同时绑定多个事件类型

jQuery 代码

$('#foo').bind('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});
示例三

描述：同时绑定多个事件类型/处理程序

jQuery 代码

$("button").bind({
  click:function(){$("p").slideToggle();},
  mouseover:function(){$("body").css("background-color","red");},  
  mouseout:function(){$("body").css("background-color","#FFFFFF");}  
});
示例四

描述：你可以在事件处理之前传递一些附加的数据。

jQuery 代码

function handler(event) {
  alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)
示例五

描述：通过返回false来取消默认的行为并阻止事件起泡。

jQuery 代码

$("form").bind("submit", function() { return false; })
示例六

描述：通过使用 preventDefault() 方法只取消默认的行为。

jQuery 代码

$("form").bind("submit", function(event){
  event.preventDefault();
});
示例七

描述：通过使用 stopPropagation() 方法只阻止一个事件起泡。

jQuery 代码

$("form").bind("submit", function(event){
  event.stopPropagation();
});