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 JSQL,SQL无处不在,
May 05 Javascript
javascript制作2048游戏
Mar 30 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
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
解析关于wamp启动是80端口被占用的问题
2013/06/21 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
在js中使用"with"语句中跨frame的变量引用问题
2007/03/08 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
javascript实现添加附件功能的方法
2015/11/18 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
Python常见字典内建函数用法示例
2018/05/14 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
python破解同事的压缩包密码
2020/10/14 Python
Django多个app urls配置代码实例
2020/11/26 Python
彪马日本官网:PUMA日本
2019/01/31 全球购物
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
职称自我鉴定
2013/10/15 职场文书
毕业自我鉴定范文
2013/11/06 职场文书
女方回门宴答谢词
2014/01/14 职场文书
考核工作实施方案
2014/03/30 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
大学生考试作弊被抓检讨书
2014/12/27 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
单位证明范文
2015/06/18 职场文书
导游词之介休绵山
2019/12/31 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS