zoukankan      html  css  js  c++  java
  • jQuery 事件

    定义和用法

    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>

  • 相关阅读:
    学习日报
    学习日报
    学习日报
    学习日报
    《人月神话》读后感(第一二章)
    线程
    for each
    类的访问属性
    异常
    输入输出流
  • 原文地址:https://www.cnblogs.com/itdaocaoren/p/4451668.html
Copyright © 2011-2022 走看看