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

jQuery 事件 - bind() 方法

时间:2015-04-23 21:15:26      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

定义和用法

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

实例1(一个事件)

记得把js引用地址换掉

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

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
      $(document).ready(function(){
             $("button").bind("click",function(){
                       $("p").slideToggle();
              });
        });
</script>
</head>
   <body>
      <p>This is a paragraph.</p>
      <button>请点击这里</button>
      </body>
</html>

实例2(三个事件)

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
            $(document).ready(function(){
                  $("button").bind({
                            click:function(){$("p").slideToggle();},
                            mouseover:function(){$("body").css("background-color","red");},
                            mouseout:function(){$("body").css("background-color","#FFFFFF");}
                   });
           });
</script>
</head>
<body>
      <p>This is a paragraph.</p>
       <button>请点击这里</button>
</body>
</html>

jQuery 事件 - bind() 方法

标签:

原文地址:http://www.cnblogs.com/itdaocaoren/p/4451668.html

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