bind(type,[data],fn) | jQuery API

示例

描述:

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

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();
});