jquery 调用 click 事件的三种方式_html-js-css

概述jquery 调用 click 事件的三种方式第一种方式： $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); jquery 调用 click 事件的 3种方式

第1种方式：

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

第2种方式：

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

第3种方式：

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

注意：第3种方式只适用于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⑴.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>身份z号：          <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>

总结

以上是内存溢出为你收集整理的jquery 调用 click 事件的三种方式全部内容，希望文章能够帮你解决jquery 调用 click 事件的三种方式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1015816.html

jquery 调用 click 事件的三种方式

发表评论

评论列表（0条）

jquery 调用 click 事件 的 三种 方式

发表评论

评论列表（0条）

jquery 调用 click 事件的三种方式