• 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>

  • 相关阅读:
    Java基础教程——抽象类
    Java基础教程——接口
    Java基础教程——多态
    Java基础教程——继承
    Java基础教程——封装
    Java基础教程——类和对象
    Java基础教程——二维数组
    原码,反码,补码
    java学习之动手实验
    java学习之动手实验
  • 原文地址:https://www.cnblogs.com/itdaocaoren/p/4451668.html
Copyright © 2020-2023  润新知