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 相关文章推荐
如何在Web页面上直接打开、编辑、创建Office文档
Mar 12 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
js简单时间比较的方法
Aug 02 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
vue-cli3跨域配置的简单方法
Sep 06 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
uni-app从安装到卸载的入门教程
May 15 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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
php类
2006/11/27 PHP
15种PHP Encoder的比较
2007/04/17 PHP
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
php生成随机颜色的方法
2014/11/13 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
在视频前插入广告
2006/11/20 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
Python如何快速实现分布式任务
2017/07/06 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
详解python编译器和解释器的区别
2019/06/24 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
python实现视频压缩功能
2020/12/18 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
公积金单位接收函
2014/01/11 职场文书
三年大学自我鉴定
2014/01/16 职场文书
技校毕业生自荐书
2014/05/23 职场文书
大学毕业生自我评价
2015/03/02 职场文书
社区低保工作总结2015
2015/07/23 职场文书