jQuery绑定事件的几种实现方式
更新时间：2016年05月09日 08:59:33 作者：jerrylsxu
这篇文章主要为大家详细介绍了jQuery绑定事件的几种实现方式，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了jQuery绑定事件多种实现方法，供大家参考，具体内容如下
<html>
<head>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->
</head>
<body>
<input type="text"/>
<input type="button" value="button1"/>
<script>
$(function(){
var text = $(":text");
var button = $(":button");
//调试器记录日志 console.log("message"); 如：火狐浏览器，打开FireBug(按F12)
//触发单个事件：两种方式
button.bind("mouseover",function(){
console.log("移入");
});
button.bind({
"mouseout": function(){
console.log("移出");
}
});
//多个事件：三个方式
text.bind("dblclick blur",function(){
console.log("双击或者失去焦点");
});
text.bind({
"dblclick blur":function(){
console.log("双击或者失去焦点");
}
});
text.bind({
"dblclick":function(){
console.log("双击");
},
blur:function(){
console.log("失去焦点");
}
});
//取消事件
text.unbind("dblclick"); //取消单个事件
//text.unbind("dblclick blur"); //取消多个事件
//text.unbind(); //取消全部事件
});
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家继续关注小编为大家分享的精彩文章。
相关文章
这篇文章主要介绍了jquery实现的通用版鼠标经过淡入淡出效果,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了jQuery解析Json的方法,结合实例形式较为详细的分析了jQuery针对json的常用解析与转换技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
id中包含其他特殊字符比如 /@ 等为了利用jquery获取该元素需要转义特殊字符，具体实现如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要为大家详细介绍了jquery插件实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
如果将选中的这条记录的行高亮显示，同时该行的单选按钮也被选中了，这样会提高用户的体验的，于是本文下了个示例，有需要的朋友可以参考下2013-08-08
下面小编就为大家带来一篇JQuery 获取Dom元素的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最近需要用jquery获取一些dom数据的操作，发现jquery的选择器非常强大，很方便进行一些dom操作，下面就专门针对这块内容做个简单的介绍,需要的朋友可以参考下2023-05-05
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档 中对数组的介绍,顺便对jQuery数组做个总结.温故,知新.2010-11-11
文章给大家汇总整理了JavaScript以及jQuery获取元素高宽和位置等信息的方法，非常的全面，小伙伴们可以记录下以便查看2017-02-02
下面小编就为大家带来一篇jQuery基础知识点总结(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论