时间:2021-05-26
复制代码 代码如下:
$('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了,这个自行测试就知道了。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了jQuery实现表格隔行换色的具体代码,供大家参考,具体内容如下使用JQ完成表格隔行换色$(function(){$("tbodytr:od
用JS生成动态生成表格,行、列由用户输入,并使表格隔行换色方法一.代码:动态表格functioncreateTable(){vartable=document.
Excel2010功能强大,实现隔行换色远比以前Excel2003版本简单多了,下面介绍两种隔行换色的方法:1、使用套用表格格式功能Excel2010有一个&l
通过jQuery实现列表的数据动态添加与删除代码演示演示地址背景隔行换色CSS代码.even{background-color:dodge
本文实例讲述了jQuery实现表格行上移下移和置顶的方法。分享给大家供大家参考。具体实现方法如下:jQuery实现表格行上移下移和置顶.demo{width:6