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 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
javascript中的array数组使用技巧
Jan 31 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
php 中序列化和json使用介绍
Jul 08 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
js实现表单提交后不重新刷新当前页面
Nov 30 Javascript
微信小程序使用Socket的实例
Sep 19 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
实例讲解JavaScript截取字符串
Nov 30 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
复制小说文本时出现的随机乱码的去除方法
2010/09/07 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
jQuery Checkbox 全选 反选的简单实例
2016/11/29 Javascript
搭建简单的nodejs http服务器详解
2017/03/09 NodeJs
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
Python多进程同步简单实现代码
2016/04/27 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
python中eval与int的区别浅析
2019/08/11 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
Python中and和or如何使用
2020/05/28 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
利用html5的websocket实现websocket聊天室
2013/12/12 HTML / CSS
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
博士生入学考试推荐信
2013/11/17 职场文书
学校食堂采购员岗位职责
2013/12/05 职场文书
责任胜于能力演讲稿
2014/05/20 职场文书
英语教师自荐信
2014/05/26 职场文书
上课讲话检讨书范文
2015/05/07 职场文书