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 IE 与 FF中兼容问题小结
Feb 18 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
May 19 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
Mar 05 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
原生js实现选项卡功能
Mar 08 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
vue自定义组件实现双向绑定
Jan 13 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第一次无法获取cookie问题处理
2014/12/15 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
window.location 对象所包含的属性
2014/10/10 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
jQuery中过滤器的基本用法示例
2017/10/11 jQuery
剖析Angular Component的源码示例
2018/03/23 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
python导入坐标点的具体操作
2019/05/10 Python
通过Python实现一个简单的html页面
2020/05/16 Python
python如何求100以内的素数
2020/05/27 Python
python实现无边框进度条的实例代码
2020/12/30 Python
纯CSS实现预加载动画效果
2017/09/06 HTML / CSS
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
政府采购方案
2014/06/12 职场文书
幼儿学前班评语
2014/12/29 职场文书
个人年终总结结尾
2015/03/06 职场文书
2015年妇产科工作总结
2015/05/18 职场文书
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python