jQuery表格行换色的三种实现方法


Posted in Javascript onJune 27, 2011
$('tr').hover(function(event) { 
$(this)[ (event.type == 'mouseenter' ? 'add' : 'remove') + 'Class' ]('test'); //test是样式 
}); $('tr').hover(function(event) { 
$(this).toggleClass('test'); //test是样式 
}); 
$('tr').hover(function(){ 
$(this).addClass('test'); //test是样式 
},function(){ 
$(this).removeClass('test'); //test是样式 
});

注:一般情况下使用第二种方法是可以的,但是遇到表格行可以拖拽的情况,那么就会出现BUG了,这个自行测试就知道了。
Javascript 相关文章推荐
js关闭父窗口时关闭子窗口
Apr 01 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
vue3.0中setup使用(两种用法)
Dec 02 Vue.js
JavaScript实现登录窗体
Jun 22 Javascript
19个很有用的 JavaScript库推荐
Jun 27 #Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 #Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 #Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 #Javascript
基于JQuery实现CheckBox全选全不选
Jun 27 #Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 #Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 #Javascript
You might like
推荐一篇入门级的Class文章
2007/03/19 PHP
php 错误处理经验分享
2011/10/11 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
php输入数据统一类实例
2015/02/23 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
jquery datatable后台封装数据示例代码
2014/08/07 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
判断横屏竖屏(三种)
2017/02/13 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
python多进程实现文件下载传输功能
2018/07/28 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
基于python的列表list和集合set操作
2019/11/24 Python
python接入支付宝的实例操作
2020/07/20 Python
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
2010/07/20 HTML / CSS
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
Rhone官方网站:男士运动服装、健身服装和高级运动服
2019/05/01 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
如何利用cmp命令比较文件
2016/04/11 面试题
大专自我鉴定范文
2013/10/01 职场文书
司机岗位职责
2013/11/15 职场文书
外语学院毕业生的自我鉴定
2013/11/28 职场文书
自荐信格式
2013/12/01 职场文书
服务承诺书
2015/01/19 职场文书
大雁塔英文导游词
2015/02/10 职场文书
五一劳动节慰问信
2015/02/14 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers