zoukankan      html  css  js  c++  java
  • jquery调用click事件的三种方式

    第一种方式:

    $(document).ready(function(){
      $("#clickme").click(function(){
           alert("Hello World  click");
      })
    });

    第二种方式:

    $('#clickmebind').bind("click", function(){  
      alert("Hello World  bind");  
    });  

    第三种方式:

    $('#clickmeon').on('click', function(){  
        alert("Hello World  on");  
    });  
      

    注意:第三种方式只适用于jquery 1.7以上的版本

    源码如下:

    <span style="color:#333333;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/jquery.metadata.js"></script>
    <script type="text/javascript" src="js/messages_zh.js"></script>
    <style type="text/css">
        #frm label.error {
            color: Red;
        }
    </style>
    </head>
    <script type="text/javascript">
    
    $(document).ready(function(){
      $("#clickme").click(function(){
           alert("Hello World  click");
      });
      
      
     $('#clickmebind').bind("click", function(){
      alert("Hello World  bind");
     });
    
    $('#clickmeon').on('click', function(){
     alert("Hello World  on");
    });
    });
    
    </script>
    <body>
    <label></label>
    <form id="frm" name="frm" method="post" action=""><label>用 户 名:
        <input type="text" name="username" id="username" />
    </label>
      <p>
        <label>邮       编 :<label></label></label>
        <label>
        <input type="text" name="postcode" id="postcode" />
        <br />
        </label>
      </p>
      <p><label>数      字 : 
        <input type="text" name="number" id="number" />
      </label>
        <br /><label>身份证号:
        <input type="text" name="identifier" id="identifier" />
        </label>
         
      <label>
      <input type="button" name="clickme"  id="clickme"   value="click me" /> 
      </label>
       <label>
      <input type="button" name="clickmebind" id="clickmebind"  value="clickme_bind" />
      </label>
      <label>
      <input type="button" name="clickmeon" id="clickmeon"  value="clickme_on" />
      </label>
      </p>
    </form>
    </body>
    </html>
    </span>
  • 相关阅读:
    STM32F401+nRF24L01无线传输音频(对讲机原型)
    Keil MDK STM32系列(五) 使用STM32CubeMX创建项目基础结构
    Keil MDK STM32系列(四) 基于抽象外设库HAL的STM32F401开发
    Keil MDK STM32系列(三) 基于标准外设库SPL的STM32F407开发
    PlatformIO下的STM32F4xx项目配置
    nRF24L01基于FIFO TX队列的发送性能优化
    个人发展计划IDP 与Smart原则
    IDEA Maven 项目默认编译项目为JDK 1.5
    投资 学习 成长 判断力 面对挫折
    投资 价值 道德 长期主义(5,10,20年)三观
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6674189.html
Copyright © 2011-2022 走看看