jquery调用绑定click事件的3种写法

这篇文章主要介绍了jquery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下
8 {8 V3 }' M7 ^! [1 }第一种方式：
5 e# T- J# j; B8 Q' C$(document).ready(function(){
1 p8 f" B; T* G# M* {$(#clickme).click(function(){
6 {" |( V' ?3 e# k3 balert(hello world click);
: F' e0 H8 l$ N/ M/ X. {});
第二种方式：
?
. E% q& k. K( n9 \' L* R; I, ]1
2
3
" g9 v  R. p& C4 o% c+ ~% [$('#clickmebind').bind(click, function(){
alert(hello world bind);
$ H% J  y/ j) ]});
第三种方式：
4 m# j, c5 _8 i2 ^$ b5 i. C$('#clickmeon').on('click', function(){
$ V8 {7 ]6 {$ I7 U, `1 r- Lalert(hello world on);
8 b1 b8 E, J" J5 {$ [9 I* d7 `});
});
5 F2 N- j# f' A6 U注意：第三种方式只适用于jquery 1.7以上的版本
源码如下：
1 Z  Q! b& N5 w8 M3 M. O<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
<html xmlns=>
<head>
, G9 h, y! g7 |. P# b+ Q! S: N9 N<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>
: ^+ S% W' W' }7 w+ K+ h<script type=text/javascript src=js/messages_zh.js></script>
<style type=text/css>
#frm label.error {
* Z5 w( X0 p  ?3 k4 U/ C, X4 ?/ `color: red;
}
</style>
</head>
' Z* k7 d3 e; G3 P. E5 {<script type=text/javascript>
$(document).ready(function(){
$(#clickme).click(function(){
. L" `9 E: K+ u" `/ T: ialert(hello world click);
});
$('#clickmebind').bind(click, function(){
/ ^/ R& k  A* @3 ]# d; Q$ F' a3 oalert(hello world bind);
  z* F. b' x1 r2 l, N# O9 F});
$('#clickmeon').on('click', function(){
! M- t3 F2 b( q2 Zalert(hello world on);
});
});
</script>
! R! E. }0 @- a/ ?4 ^/ l) P( L<body>
/ k. [( N7 B  ^) E4 B<label></label>
, s& }3 ?. ^; W! o! q6 A<form id=frm name=frm method=post action=><label>用 户 名:
! L! `  Q4 J9 e% ^<input type=text name=username id=username />
</label>
1 F9 E8 B$ u! E( U8 G<p>
<label>邮 编 :<label></label></label>
<label>
<input type=text name=postcode id=postcode />
& I, h& @. w9 I7 h  Y<br />
4 u$ {$ [+ M/ M) i- O, f; Y  V</label>
</p>
<p><label>数 字 :
<input type=text name=number id=number />
</label>
0 {1 S! H" e$ a6 T<br /><label>身份证号：
<input type=text name=identifier id=identifier />
</label>
<label>
<input type=button name=clickme id=clickme value=click me />
</label>
) X% r% |- p+ ^; O6 s" f<label>
<input type=button name=clickmebind id=clickmebind value=clickme_bind />
3 H2 q- \3 D. U$ W9 W</label>
<label>
) I, B6 Z; _/ E& C5 B( @<input type=button name=clickmeon id=clickmeon value=clickme_on />
</label>
</p>
</form>
</body>

- v8 ~  J. q. Q3 s3 M4 z5 l更多网页制作信息请查看： 网页制作

哈哈 怎么说来眼睛小真的很好 哈 哈哈~~~~

貌似我真的很笨????哎

只是本着“看贴（虽然看不懂）回贴，利人利己的中华民族优秀传统美德”，顺便赚点积分。

我怎么说那?~!

现在做什么网站好？

先踹你一脚再说~~~~~~

老大,我好崇拜你哟

晚安 别让小嫁再郁闷了 -

对于这种刚发的帖子，我总是毫不犹豫的顶了。如果火了就是个前排，可以混个脸熟，说不定谁好心就给粉了…稳赚不赔；如果沉了就感觉是我弄沉的，很有成就感，还能捞经验。