jquery事件bind方法

标签： jquery

分类： jquery

当点击鼠标时，隐藏或显示 p 元素：
 
$(document).ready(function(){
        $(":button").bind("click",function(){
              $("p").slideToggle();
              });
        }
  )

<p>hdt miss pyj.</p>

<input name="" type="button" value="请点击这里" />

由此我们可以看出bind() 方法是为被选元素添加事件处理程序，并规定事件发生时运行的函数，该事件处理程序可以添加一个或多个。

下面我们来看下，当需要为被选元素绑定多个事件时，结构是怎样写的。

$(document).ready(function(){
  $(":button").bind({
      click:function(){$("p").slideToggle();}, //鼠标点击事件
      mouseover:function(){$("body").css("background-color","red");},  //鼠标移到元素 
      mouseout:function(){$("body").css("background-color","#FFFFFF");}  //鼠标离开元素
  });
});