jQuery表格行换色的三种实现方法
2011-06-27 00:00
676 查看
$('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了，这个自行测试就知道了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JQuery实现表格的相同单元格合并的三种方法
- JQuery实现表格的相同单元格合并的三种方法
- jQuery表格行换色的三种实现方法
- JQuery实现表格的相同单元格合并的三种方法
- JQuery实现表格的相同单元格合并的三种方法
- jQuery 实现批量提交表格多行数据的方法
- jQuery实现表格展开与折叠的方法
- jQuery实现html表格动态添加新行的方法
- jQuery让控件左右移动的三种实现方法
- 关于jQuery表格行换色的三种方法
- jQuery+json实现动态创建复杂表格table的方法
- 三种细边框表格的实现方法比较
- jQuery实现获取table表格第一列值的方法
- jQuery实现动态生成表格并为行绑定单击变色动作的方法
- jQuery实现表格展开与折叠的方法
- jQuery让控件左右移动的三种实现方法
- jQuery表格行上移下移和置顶的实现方法
- jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
- 二级下拉菜单的三种实现方法——CSS 、JS、 jQuery
- Html+css、javascript和JQuery三种方法实现导航条下拉菜单的炫酷效果