zoukankan      html  css  js  c++  java
  • JQuery | 事件 | one() 方法

      当使用 one() 方法时,每个元素只能运行一次事件处理器函数。

    语法:

      $(selector).one(event,data,function)

        event:  规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。

        data:  可选。规定传递到函数的额外数据。

        function: 必需。规定当事件发生时运行的函数。

    示例:

      

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <title>其他事件one</title>
     5     <script type="text/javascript" 
     6             src="Jscript/jquery-1.4.2-vsdoc.js">
     7     </script>
     8     <script type="text/javascript" 
     9             src="Jscript/jquery-1.4.2.js">
    10     </script>
    11     <style type="text/css">
    12            .btn {border:#666 1px solid;padding:2px;width:160px;
    13            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    14     </style>
    15     <script type="text/javascript">
    16         $(function() {
    17             function btn_Click() { //自定义事件
    18                 $("#divTip").append("<div>点击查看联系方式2 : 010-12345678</div>");
    19             }
    20 
    21             $("#Button").one("click", btn_Click); //绑定自定义事件
    22 
    23 
    24             function oClick1() { //自定义事件
    25                 $("#divTip").append("<div>点击查看联系方式1 : 010-12345678</div>");
    26             }
    27             $("#Button1").bind("click",oClick1);
    28             
    29         })
    30     </script>
    31 </head>
    32 <body>
    33 
    34     <input id="Button" type="button" value="点击查看联系方式" class="btn" />
    35     <input id="Button1" type="button" value="点击查看联系方式1" class="btn" />
    36 
    37     <div id="divTip" style="padding-top:10px"></div>
    38 </body>
    39 </html>
  • 相关阅读:
    实战mysql导出中文乱码及phpmyadmin导入中文乱码
    Flex4:利用HttpService与ASP.NET传输JSON数据(登录为例)
    HTML和CSS的关键—盒子模型(Box model)(转载)
    ul,ol,dl区别
    Server Application Error详细解决办法
    信息系统规划(ISP)之BSP
    使用WebDevHelper辅助ASP.NET AJAX程序开发
    RMS 1.0 SP2
    使用IIS Request Viewer查看当前IIS连接
    Multidimensional Analysis 24 Principle
  • 原文地址:https://www.cnblogs.com/jj81/p/9874916.html
Copyright © 2011-2022 走看看