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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
JavaScript 特殊字符
Apr 05 Javascript
ExtJS下grid的一些属性说明
Dec 13 Javascript
精通Javascript系列之数值计算
Jun 07 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
May 23 Javascript
js canvas实现二维码和图片合成的海报
Nov 19 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 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
Discuz 模板引擎的封装类代码
2008/07/18 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
My Desktop :) 桌面式代码
2008/12/29 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
from表单多个按钮提交用onclick跳转不同action
2014/04/24 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
JavaScript限定图片显示大小的方法
2015/03/11 Javascript
理解 JavaScript Scoping & Hoisting(二)
2015/11/18 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
python开发准备工作之配置虚拟环境(非常重要)
2019/02/11 Python
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
2020/03/06 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
简述DNS进行域名解析的过程
2013/12/02 面试题
房地产财务部员工岗位职责
2014/03/12 职场文书
职称评定自我鉴定
2014/03/18 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
商铺消防安全责任书
2014/07/29 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
欧元符号 €
2022/02/17 杂记