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 相关文章推荐
Javascript中的Split使用方法与技巧
Mar 09 Javascript
JavaScript 闭包深入理解(closure)
May 27 Javascript
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 Javascript
js子页面获取父页面数据示例
May 15 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
Nov 07 Javascript
js中创建对象的几种方式
Feb 05 Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 Javascript
JavaScript数组方法的错误使用例子
Sep 13 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
JavaScript实现4位随机验证码的生成
Jan 28 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
PHP面向对象概念
2011/11/06 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
javascript Ext JS 状态默认存储时间
2009/02/15 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
JS实现左右无缝轮播图代码
2016/05/01 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
详解vue中axios的封装
2018/07/18 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
pytorch 求网络模型参数实例
2019/12/30 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
影视制作岗位职责
2013/12/04 职场文书
招聘与培训专员岗位职责
2014/01/30 职场文书
秋天的图画教学反思
2014/05/01 职场文书
课外活动实习计划
2015/01/19 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
Python anaconda安装库命令详解
2021/10/16 Python
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers