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检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
js 函数调用模式小结
Dec 26 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
vue-cli中实现响应式布局的方法
Mar 02 Vue.js
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/09/02 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
php和asp语法上的区别总结
2019/05/12 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
JavaScript中的acos()方法使用详解
2015/06/14 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
js实现一个页面多个倒计时的3种方法
2019/02/25 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
Python实现在线程里运行scrapy的方法
2015/04/07 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Python使用指定端口进行http请求的例子
2019/07/25 Python
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
素质拓展感言
2014/01/29 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
MySQL 聚合函数排序
2021/07/16 MySQL
SQL Server实现分页方法介绍
2022/03/16 SQL Server
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏
Python编写冷笑话生成器
2022/04/20 Python