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 相关文章推荐
关于jquery.validate1.9.0前台验证的使用介绍
Apr 26 Javascript
利用jq让你的div居中的好方法分享
Nov 21 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
vue-test-utils初使用详解
May 23 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
使用Vue实现一个树组件的示例
Nov 06 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
Zend Framework中的简单工厂模式 图文
2012/07/10 PHP
JavaScript使用cookie
2007/02/02 Javascript
js加解密 脚本解密
2008/02/22 Javascript
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
python读写json文件的简单实现
2017/04/11 Python
Python实现单词翻译功能
2017/06/06 Python
Python之re操作方法(详解)
2017/06/14 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
python实现可变变量名方法详解
2019/07/01 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
解决python对齐错误的方法
2020/07/16 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
中国高端家电购物商城:顺电
2018/03/04 全球购物
实习自我鉴定模板
2013/09/28 职场文书
中专毕业生自我鉴定
2013/11/21 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
旅游专业职业生涯规划范文
2014/01/13 职场文书
活动邀请函范文
2014/01/19 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python