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 相关文章推荐
项目实践之javascript技巧
Dec 06 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
详解vue-validator(vue验证器)
Jan 16 Javascript
JS中使用textPath实现线条上的文字
Dec 25 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 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的session cookie错误
2009/08/09 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
常用的javascript function代码
2008/05/23 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
js设置控件的隐藏与显示的两种方法
2014/08/21 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
js中的面向对象入门
2017/03/06 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
django中嵌套的try-except实例
2020/05/21 Python
基于CSS3特效之动画:animation的应用
2013/05/09 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
银行实习生自我鉴定范文
2013/09/19 职场文书
销售文员的岗位职责
2013/11/20 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python