JQuery调用绑定click事件的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" "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>
-
本文向大家介绍jquery单选框radio绑定click事件实现方法，包括了jquery单选框radio绑定click事件实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍多种jQuery绑定事件的实现方式，包括了多种jQuery绑定事件的实现方式的使用技巧和注意事项，需要的朋友参考一下 最近发现jQuery一个对象的事件可以重复绑定多次，当事件触发的时候会引起代码多遍执行。 下面是一个click事件被重复绑定的示例: 下面给出解决方法： 对于需要重复绑定的场景，再事件注册时候考虑用先unbind 再bind的方法；或者先off 再on 那jQuery
-
本文向大家介绍jQuery绑定事件的四种方式介绍，包括了jQuery绑定事件的四种方式介绍的使用技巧和注意事项，需要的朋友参考一下 jQuery提供了多种绑定事件的方式，每种方式各有其特点，明白了它们之间的异同点，有助于我们在写代码的时候进行正确的选择，从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式，分别是bind、live
-
本文向大家介绍jQuery绑定事件的几种实现方式，包括了jQuery绑定事件的几种实现方式的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery绑定事件多种实现方法，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家继续关注小编为大家分享的精彩文章。
-
本文向大家介绍jquery 为a标签绑定click事件示例代码，包括了jquery 为a标签绑定click事件示例代码的使用技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍JQuery绑定事件四种实现方法解析，包括了JQuery绑定事件四种实现方法解析的使用技巧和注意事项，需要的朋友参考一下 jQuery提供了多种绑定事件的方式，每种方式各有其特点，明白了它们之间的异同点，有助于我们在写代码的时候进行正确的选择，从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式，分别是bind、li