$("").click与onclick的区别示例介绍
更新时间：2014年09月25日 17:24:40 投稿：whsnow
onclick是绑定事件，click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，下面有个示例，大家可以看看
Html代码
<script type="text/javascript">
$(function(){
$("#btn4").click(function(){
$("#btn3").click();
});
});
function change(){
alert("onclick");
}
</script>
<button id="btn3" onclick="change()">dd</button>
<button id="btn4">ee</button>
区别：
1.onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么
click本身是方法作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件。如上诉代码所示，当点击'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件)，原因就是因为
$("#btn4").click(function(){
$("#btn3").click();
});
点击'ee'按钮时,代码内部调用了'dd'的click()方法，从而触发了'dd'的onclick事件。
2.click()方法的主要作用是触发调用click方法元素onclick事件。此外，如果在click方法定义了如下代码
$("#btn3").click(function(){
alert("*****");
});
click方法中的function代码会在onclick事件执行完后执行，此时click方法起到追加事件的作用。实例如下
Html代码
<script type="text/javascript">
$(function(){
$("#btn3").click(function(){
alert("aa");
});
});
function change(){
alert("bb");
}
</script>
<button id="btn3" onclick="change()">dd</button>
弹出框的弹出顺序先是'bb',然后是'aa'.
相关文章
实例详解jQuery Mockjax 插件模拟 Ajax 请求
这篇文章主要介绍了实例详解jQuery Mockjax 插件模拟 Ajax 请求的相关资料,需要的朋友可以参考下2016-01-01
如何使用jquery修改css中带有!important的样式属性
如何使用jquery修改css中带有!important的样式属性？下面小编就为大家带来一篇使用jquery修改css中带有!important的样式属性方法。希望对大家有所帮助。一起跟随小编过来看看吧2016-04-04
这篇文章主要介绍了jQuery HTML获取内容和属性操作,结合实例形式分析了jQuery HTML获取内容和属性相关函数用法与操作注意事项,需要的朋友可以参考下2020-05-05
jquery检测input checked 控件是否被选中的方法
这篇文章主要介绍了jquery检测input checked 控件是否被选中的方法,需要的朋友可以参考下2014-03-03
很多朋友都遇到这样的需求，easyui的datagrid分页显示数据，如果有需求要求勾选多条数据且不再同一页中，easyui会保存在其他页选中的数据吗？小编结合资料自己整理了一篇文章，需要的的朋友参考下吧2017-01-01
前些天记录了java中for循环取map，发现用jquery的each一样可以取map（我称之为js的map，不要较劲），且顺序和map中顺序一致。2011-02-02
这篇文章介绍了jQuery实现拖动布局并将排序结果保存到数据库的实现方法，感兴趣的朋友可以参考一下2015-10-10
最近做项目做一个树状的下拉列表，下面小编把easyUI创建人员树的实现代码分享到脚本之家平台，需要的朋友参考下吧2017-09-09
jQuery插件slick实现响应式移动端幻灯片图片切换特效
jQuery插件slick是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果，可以自动播放，是一款移动优先的jQuery幻灯片插件。2015-04-04
最近由于项目的需要，需要动态的添加和删除table中的tr，感觉用JS可以实现，但是在网上找了一下，单纯的自己写JS，感觉太麻烦，而且也不好维护。于是想到了最近学的jQuery。这篇文章给大家用实例介绍了jQuery动态添加与删除tr行的方法，有需要的朋友们可以参考借鉴。2016-10-10
最新评论