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 相关文章推荐
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 Javascript
JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
May 30 Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
Feb 12 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
vue实现文件上传读取及下载功能
Nov 17 Javascript
js实现简单掷骰子效果
Oct 24 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 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
destoon公司主页模板风格的添加方法
2014/06/20 PHP
php将金额数字转化为中文大写
2015/07/09 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
JavaScript继承与多继承实例分析
2018/05/26 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
javascript实现时钟动画
2020/12/03 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
python实现百度关键词排名查询
2014/03/30 Python
Python去除列表中重复元素的方法
2015/03/20 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
Python中安装easy_install的方法
2018/11/18 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
对Python函数设计规范详解
2019/07/19 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
python 5个顶级异步框架推荐
2020/09/09 Python
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
小学优秀教育工作者事迹材料
2014/05/09 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
力克胡哲观后感
2015/06/10 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers
详解Laravel服务容器的优势
2021/05/29 PHP