jQuery表格行換色的三種實(shí)現(xiàn)方法
更新時(shí)間:2011年06月27日 20:35:52 作者:
一般情況下使用第二種方法是可以的,但是遇到表格行可以拖拽的情況,那么就會(huì)出現(xiàn)BUG了,這個(gè)自行測(cè)試就知道了。
復(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是樣式
});
注:一般情況下使用第二種方法是可以的,但是遇到表格行可以拖拽的情況,那么就會(huì)出現(xiàn)BUG了,這個(gè)自行測(cè)試就知道了。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)點(diǎn)擊該行即可刪除HTML表格行
- jQuery通過(guò)點(diǎn)擊行來(lái)刪除HTML表格行的實(shí)現(xiàn)示例
- JQuery實(shí)現(xiàn)動(dòng)態(tài)表格點(diǎn)擊按鈕表格增加一行
- JQuery實(shí)現(xiàn)表格動(dòng)態(tài)增加行并對(duì)新行添加事件
- jquery如何判斷表格同一列不同行input數(shù)據(jù)是否重復(fù)
- jquery通過(guò)select列表選擇框?qū)Ρ砀駭?shù)據(jù)進(jìn)行過(guò)濾示例
- 使用jquery寫(xiě)個(gè)更改表格行順序的小功能
- jquery動(dòng)態(tài)增加刪除表格行的小例子
- JQuery動(dòng)態(tài)添加和刪除表格行的方法
相關(guān)文章
基于JQuery的一個(gè)簡(jiǎn)單的鼠標(biāo)跟隨提示效果
代碼很簡(jiǎn)單主要是用到了JQuery的三個(gè)事件mouseover,mouseout,mousemove.2010-09-09jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼,涉及jquery鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery ajax 路由和過(guò)濾器使用說(shuō)明
好的web api應(yīng)該在url里面有足夠的信息,并且每個(gè)資源方法有它對(duì)應(yīng)的url。2011-08-08jQuery實(shí)現(xiàn)輸入框下拉列表樹(shù)插件特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框下拉列表樹(shù)特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08jQuery實(shí)現(xiàn)合并表格單元格中相同行操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)合并表格單元格中相同行操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格實(shí)現(xiàn)單元格合并的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01實(shí)例代碼講解jquery easyui動(dòng)態(tài)tab頁(yè)
這篇文章主要介紹了實(shí)例代碼講解jquery easyui動(dòng)態(tài)tab頁(yè)的相關(guān)資料,需要的朋友可以參考下2015-11-11Jquery實(shí)現(xiàn)移動(dòng)端控制DIV拖拽
這篇文章主要為大家詳細(xì)介紹了Jquery實(shí)現(xiàn)移動(dòng)端控制DIV拖拽,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02利用jquery禁止外層滾動(dòng)條的滾動(dòng)
這篇文章主要給大家介紹了利用jquery如何禁止外層滾動(dòng)條的滾動(dòng),文中給出了詳細(xì)的示例代碼,相信對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值,有需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-01-01