jQuery hover事件简单实现同时绑定2个方法


Posted in Javascript onJune 07, 2016

本文实例讲述了jQuery hover事件简单实现同时绑定2个方法。分享给大家供大家参考,具体如下:

这里将hover事件同时挂2个方法:

1个是悬停的时候执行的,另外一个是离开的时候执行

代码如下:

$(document).ready(function() {
$("#orderedlist li").hover(
function() {$(this).addClass("blue");},
function() {$(this).removeClass("blue");}
);
});

PS:上面的代码小编没有进行格式化处理,这里顺便为大家推荐几款在线代码格式化、美化工具,相信大家在以后的开发过程中会用得到:

在线JavaScript代码美化、格式化工具:
http://tools.3water.com/code/js

JavaScript压缩/格式化/加密工具:
http://tools.3water.com/code/jscompress

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.3water.com/code/jsoncodeformat

在线JSON代码检验、检验、美化、格式化工具:
http://tools.3water.com/code/json

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
jquery实现倒计时效果
Dec 14 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
使用webpack4编译并压缩ES6代码的方法示例
Apr 24 Javascript
通过javascript实现段落的收缩与展开
Jun 26 Javascript
JS继承最简单的理解方式
Mar 31 Javascript
PassWord输入框代码分享
Jun 07 #Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 #Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 #Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 #Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 #Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 #Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 #Javascript
You might like
Syphon 使用方法
2021/03/03 冲泡冲煮
PHP+DBM的同学录程序(3)
2006/10/09 PHP
PHP CodeBase:将时间显示为"刚刚""n分钟/小时前"的方法详解
2013/06/06 PHP
Yii框架模拟组件调用注入示例
2019/11/11 PHP
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
js 立即调用的函数表达式如何写
2014/01/12 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
vue移动端屏幕适配详解
2019/04/30 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
[02:12]2019完美世界全国高校联赛(春季赛)报名开启
2019/03/01 DOTA
python在命令行下使用google翻译(带语音)
2014/01/16 Python
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
物流专业大学生的自我鉴定
2013/11/13 职场文书
庆中秋节主题活动方案
2014/02/03 职场文书
寄语学生的话
2014/04/10 职场文书
协议书格式
2014/04/23 职场文书
国旗下演讲稿
2014/05/08 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
承兑汇票延期证明
2015/06/23 职场文书
结婚主持人致辞
2015/07/28 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
Python实现列表拼接和去重的三种方式
2021/07/02 Python
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
python3中apply函数和lambda函数的使用详解
2022/02/28 Python