得知互动

标题: jquery调用绑定click事件的3种写法 [打印本页]

作者: swmozowtfl 时间: 2015-7-9 23:23
标题: jquery调用绑定click事件的3种写法
这篇文章主要介绍了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
哈哈怎么说来眼睛小真的很好哈哈哈~~~~

作者: effoggikeftor 时间: 2015-12-9 22:46
貌似我真的很笨????哎

作者: bqtklouu 时间: 2015-12-9 22:47
只是本着“看贴（虽然看不懂）回贴，利人利己的中华民族优秀传统美德”，顺便赚点积分。

作者: alapScady 时间: 2015-12-9 22:47
我怎么说那?~!

作者: wwdu926a 时间: 2016-2-12 14:41
现在做什么网站好？

作者: effoggikeftor 时间: 2016-2-12 14:42
先踹你一脚再说~~~~~~

作者: wwzcdenleclv 时间: 2016-2-12 14:42
老大,我好崇拜你哟

作者: effoggikeftor 时间: 2016-2-12 14:42
晚安别让小嫁再郁闷了 -

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

欢迎光临得知互动 (https://bbs.dezhifl.com/)