这篇文章主要介绍了jquery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下
第一种方式：
$(document).ready(function(){
$(#clickme).click(function(){
alert(hello world click);
});
第二种方式：
?
1
2
3
$('#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>
更多网页制作信息请查看： 网页制作 |
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
