亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

JQuery調用綁定click事件的3種寫法

2024-05-06 16:17:46
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了JQuery調用綁定click事件的3種寫法,本文簡潔清晰的給出3種寫法的代碼示例,可以很方便的復制使用,需要的朋友可以參考下

第一種方式：

 

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

第二種方式：

 

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

第三種方式：

 

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

注意：第三種方式只適用于jquery 1.7以上的版本

源碼如下：

 

 
  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. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5.  
  6. <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> 
  7. <script type="text/javascript" src="js/jquery.validate.js"></script> 
  8. <script type="text/javascript" src="js/jquery.metadata.js"></script> 
  9. <script type="text/javascript" src="js/messages_zh.js"></script> 
  10. <style type="text/css"> 
  11. #frm label.error { 
  12. color: Red; 
  13. } 
  14. </style> 
  15. </head> 
  16. <script type="text/javascript"> 
  17.  
  18. $(document).ready(function(){ 
  19. $("#clickme").click(function(){ 
  20. alert("Hello World click"); 
  21. }); 
  22.  
  23.  
  24. $('#clickmebind').bind("click", function(){ 
  25. alert("Hello World bind"); 
  26. }); 
  27.  
  28. $('#clickmeon').on('click', function(){ 
  29. alert("Hello World on"); 
  30. }); 
  31. }); 
  32.  
  33. </script> 
  34. <body> 
  35. <label></label> 
  36. <form id="frm" name="frm" method="post" action=""><label>用 戶 名: 
  37. <input type="text" name="username" id="username" /> 
  38. </label> 
  39. <p> 
  40. <label>郵 編 :<label></label></label> 
  41. <label> 
  42. <input type="text" name="postcode" id="postcode" /> 
  43. <br /> 
  44. </label> 
  45. </p> 
  46. <p><label>數 字 :  
  47. <input type="text" name="number" id="number" /> 
  48. </label> 
  49. <br /><label>身份證號： 
  50. <input type="text" name="identifier" id="identifier" /> 
  51. </label> 
  52.  
  53. <label> 
  54. <input type="button" name="clickme" id="clickme" value="click me" />  
  55. </label> 
  56. <label> 
  57. <input type="button" name="clickmebind" id="clickmebind" value="clickme_bind" /> 
  58. </label> 
  59. <label> 
  60. <input type="button" name="clickmeon" id="clickmeon" value="clickme_on" /> 
  61. </label> 
  62. </p> 
  63. </form> 
  64. </body> 
  65. </html> 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
最近2019中文字幕第三页视频| 日韩av第一页| 欧美第一黄网免费网站| 亚洲mm色国产网站| 国产999精品久久久影片官网| 欧美成人免费观看| 日韩中文字幕在线免费观看| 日本亚洲欧美成人| 中文字幕欧美精品日韩中文字幕| 亚洲天堂av在线免费| 国产成人中文字幕| 亚洲国产精久久久久久久| 在线成人一区二区| 久久精品久久久久| 亚洲国产精品小视频| 久久91精品国产91久久久| 国产一区二区欧美日韩| 欧美亚洲免费电影| 久99久在线视频| 亚洲自拍欧美另类| 亚洲电影在线看| 91在线色戒在线| 韩国三级日本三级少妇99| 91精品国产自产在线观看永久| 欧美亚洲国产精品| 最近2019中文字幕大全第二页| 久久久久久久久久久成人| 国产福利精品视频| 欧美视频在线观看 亚洲欧| 欧美亚州一区二区三区| 日韩欧美在线视频| 国产精品极品美女在线观看免费| 久久天天躁狠狠躁夜夜av| 亚洲国产美女久久久久| 亚洲国内精品在线| 日本sm极度另类视频| 国语自产精品视频在线看一大j8| 日韩最新中文字幕电影免费看| 亚洲国产小视频在线观看| 亚洲综合在线小说| 97精品国产91久久久久久| 欧美亚洲日本网站| 欧美激情一区二区三区成人| 久久精品91久久久久久再现| 欧美日韩国产激情| 久久精品亚洲国产| 中文字幕亚洲一区在线观看| 久久久精品一区二区三区| 国产美女扒开尿口久久久| 国产一区二区日韩| 日韩在线免费观看视频| 美乳少妇欧美精品| 亚洲精品电影网| 欧美大片免费观看| 超碰97人人做人人爱少妇| 国产一区二区精品丝袜| 亚洲精品一区二区三区不| 丝袜亚洲欧美日韩综合| 免费成人高清视频| 岛国av一区二区| 亚洲精品日韩av| 国产成人福利视频| 亚洲人a成www在线影院| 日韩av成人在线| 亚洲片国产一区一级在线观看| 欧美视频免费在线观看| 亚洲精品国产精品国自产在线| 超碰精品一区二区三区乱码| 欧美俄罗斯性视频| 亚洲欧洲日本专区| 亚洲天堂男人天堂女人天堂| 欧美日韩成人免费| 亚洲男人天堂古典| 成人亚洲欧美一区二区三区| 久久久久久久久久国产| 精品福利在线观看| 91av国产在线| 精品久久国产精品| 欧美视频中文在线看| 欧美国产极速在线| 精品亚洲aⅴ在线观看| 久久精品亚洲精品| 久久久久久久一区二区三区| 欧美激情亚洲自拍| 一色桃子一区二区| 国产大片精品免费永久看nba| 成人a视频在线观看| 91久久久久久久久久久久久| 欧美人与性动交| 日韩人体视频一二区| 久久精品免费电影| 欧美成人午夜视频| 亚洲欧美一区二区三区久久| 91九色视频在线| 91成品人片a无限观看| 欧美电影免费观看高清完整| 亚洲精品国产欧美| 久久久999国产精品| 亚洲男人第一网站| 国模视频一区二区| 国产精品黄色影片导航在线观看| 国产亚洲一区精品| 亚洲国产精彩中文乱码av在线播放| 在线观看欧美日韩国产| 91国内揄拍国内精品对白| 亚洲美女在线视频| 欧洲中文字幕国产精品| 久久国产精品久久久| 91久热免费在线视频| 91禁外国网站| 在线日韩日本国产亚洲| 欧美麻豆久久久久久中文| 欧美性xxxx极品hd欧美风情| 亚洲男人7777| 亚洲第一色在线| 国产精品视频1区| 亚洲jizzjizz日本少妇| 日韩在线视频观看正片免费网站| 亚洲欧美国产高清va在线播| 北条麻妃在线一区二区| 国产亚洲欧美一区| 色先锋久久影院av| 日本高清视频精品| 亚洲人成绝费网站色www| 成人免费福利视频| 亚洲欧洲国产一区| 欧美性xxxxhd| 日韩激情av在线免费观看| 久久久人成影片一区二区三区观看| 日韩欧美国产视频| 亚洲人成网站999久久久综合| 亚洲日本成人女熟在线观看| 亚洲第一网中文字幕| 欧美性xxxxhd| 国产97人人超碰caoprom| 伊是香蕉大人久久| 中文字幕欧美精品在线| 97精品视频在线观看| 一道本无吗dⅴd在线播放一区| www.99久久热国产日韩欧美.com| 日韩在线观看精品| 成人久久18免费网站图片| 97精品伊人久久久大香线蕉| 91久久精品日日躁夜夜躁国产| 色伦专区97中文字幕| 久久精品福利视频| 97视频在线观看免费高清完整版在线观看| 欧美高清在线视频观看不卡| 国产精品盗摄久久久| 国产极品jizzhd欧美| 啪一啪鲁一鲁2019在线视频| 亚洲三级 欧美三级| 国产精品久久综合av爱欲tv| 日本亚洲欧洲色| 菠萝蜜影院一区二区免费| 精品国产区一区二区三区在线观看| 日韩黄色在线免费观看| 欧美黑人xxx| 国产专区欧美专区| xxx一区二区| 91po在线观看91精品国产性色| 热久久美女精品天天吊色| 亚洲第一福利网站| 国产一区二区黄|