jQuery 事件 - bind() 方法

定义和用法

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>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。