jQuery表格行換色的三種實(shí)現(xiàn)方法
更新時間:2011年06月27日 20:35:52 作者:
一般情況下使用第二種方法是可以的,但是遇到表格行可以拖拽的情況,那么就會出現(xiàn)BUG了,這個自行測試就知道了。
復(fù)制代碼 代碼如下:
$('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是樣式
});
注:一般情況下使用第二種方法是可以的,但是遇到表格行可以拖拽的情況,那么就會出現(xiàn)BUG了,這個自行測試就知道了。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)點(diǎn)擊該行即可刪除HTML表格行
- jQuery通過點(diǎn)擊行來刪除HTML表格行的實(shí)現(xiàn)示例
- JQuery實(shí)現(xiàn)動態(tài)表格點(diǎn)擊按鈕表格增加一行
- JQuery實(shí)現(xiàn)表格動態(tài)增加行并對新行添加事件
- jquery如何判斷表格同一列不同行input數(shù)據(jù)是否重復(fù)
- jquery通過select列表選擇框?qū)Ρ砀駭?shù)據(jù)進(jìn)行過濾示例
- 使用jquery寫個更改表格行順序的小功能
- jquery動態(tài)增加刪除表格行的小例子
- JQuery動態(tài)添加和刪除表格行的方法
相關(guān)文章
jQuery實(shí)現(xiàn)輸入框下拉列表樹插件特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框下拉列表樹特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jQuery實(shí)現(xiàn)合并表格單元格中相同行操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)合并表格單元格中相同行操作,結(jié)合實(shí)例形式分析了jQuery針對table表格實(shí)現(xiàn)單元格合并的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01實(shí)例代碼講解jquery easyui動態(tài)tab頁
這篇文章主要介紹了實(shí)例代碼講解jquery easyui動態(tài)tab頁的相關(guān)資料,需要的朋友可以參考下2015-11-11