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程序来实现动画功能
Mar 06 Javascript
JavaScript中的History历史对象
Jan 16 Javascript
Javascript Select操作大集合
May 26 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
Dec 12 Javascript
原生JS轮播图插件
Feb 09 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 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 神盾解密
2014/06/08 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
WAF的正确bypass
2017/01/05 PHP
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
2007/07/11 Javascript
简略的前端架构心得&&基于editor为例子的编码小技巧
2010/11/25 Javascript
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
2015/05/14 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
Node.js 的模块知识汇总
2017/08/16 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
2018/01/12 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
司机检讨书
2014/02/13 职场文书
机关搬迁方案
2014/05/18 职场文书
科技节口号
2014/06/19 职场文书
身边的榜样活动方案
2014/08/20 职场文书
政风行风整改方案
2014/10/25 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
贷款工作证明模板
2015/06/12 职场文书
物业公司管理制度
2015/08/05 职场文书
消防安全主题班会
2015/08/12 职场文书
安全生产协议书
2016/03/22 职场文书
使用python绘制横竖条形图
2022/04/21 Python