码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 事件 bind() 方法

时间:2017-05-18 11:34:40      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:toggle   事件   空格   event   函数   back   方法   ack   元素   

bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

$(selector).bind(event,data,function)//语法

 event必需。规定添加到元素的一个或多个事件,由空格分隔多个事件。必须是有效的事件。。

data:可选。规定传递到函数的额外数据。

function:必需。规定当事件发生时运行的函数。

$("button").bind("click",function(){
  $("p").slideToggle();
});

上例当点击鼠标时,隐藏或显示 p 元素

2 语法

$(selector).bind({event:function, event:function, ...})

 event:function, event:function,:必需。规定事件映射,其中包含一个或多个添加到元素的事件,以及当事件发生时运行的函数。

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

 上例当点击鼠标时,隐藏或显示 p 元素,

鼠标移动到button时OBODY背景色变为红色

鼠标移走button时OBODY背景色变为白色

 

jQuery 事件 bind() 方法

标签:toggle   事件   空格   event   函数   back   方法   ack   元素   

原文地址:http://www.cnblogs.com/yi11/p/6871745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!