這篇文章主要介紹了jquery調(diào)用綁定click事件的3種寫(xiě)法,本文簡(jiǎn)潔清晰的給出3種寫(xiě)法的代碼示例,可以很方便的復(fù)制使用,需要的朋友可以參考下
第一種方式：
$(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>用 戶(hù) 名:
<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>數(shù) 字 :
<input type=text name=number id=number />
</label>
<br /><label>身份證號(hào)：
<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>
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：