| 标题 | jquery调用绑定click事件的3种写法 |
| 范文 | 这篇文章主要介绍了jquery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下 第一种方式： $(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以上的版本 源码如下： <!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > <html xmlns=> <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> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。