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

swmozowtfl · *发表于* 2015-7-9 23:23:08

这篇文章主要介绍了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>

更多网页制作信息请查看：网页制作

Acropozelan · *发表于* 2015-12-9 22:46:48

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

effoggikeftor · *发表于* 2015-12-9 22:46:53

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

bqtklouu · *发表于* 2015-12-9 22:47:23

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

alapScady · *发表于* 2015-12-9 22:47:43

我怎么说那?~!

wwdu926a · *发表于* 2016-2-12 14:41:31

现在做什么网站好？

effoggikeftor · *发表于* 2016-2-12 14:42:10

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

wwzcdenleclv · *发表于* 2016-2-12 14:42:16

老大,我好崇拜你哟

effoggikeftor · *发表于* 2016-2-12 14:42:30

晚安别让小嫁再郁闷了 -

wwdu926a · *发表于* 2016-2-12 14:42:57

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

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

猜你喜欢

回复|共 9 个

回复

快捷导航