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 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
javascript表单事件处理方法详解
May 15 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
js创建数组的简单方法
Jul 27 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
js初始化验证实例详解
Nov 26 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
Sep 29 Javascript
vue实现局部刷新的实现示例
Apr 16 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
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
php preg_filter执行一个正则表达式搜索和替换
2012/02/27 PHP
PHP file_exists问题杂谈
2012/05/07 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
js图片预加载示例
2014/04/30 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
Python外星人入侵游戏编程完整版
2020/03/30 Python
python实现微信远程控制电脑
2018/02/22 Python
用python与文件进行交互的方法
2018/03/01 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
Python如何使用argparse模块处理命令行参数
2019/12/11 Python
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
南京某公司笔试题
2013/01/27 面试题
高中政治教学反思
2014/01/18 职场文书
酒店经理职责
2014/01/30 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
某某同志考察材料
2014/05/28 职场文书
爱国口号
2014/06/19 职场文书
学习型党组织心得体会
2014/09/12 职场文书
公司老总年会致辞
2015/07/30 职场文书
班委竞选稿范文
2015/11/21 职场文书
图解上海144收音机
2021/04/22 无线电
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android