jquery實作滑鼠點擊表格行就會變色（附程式碼）

這篇文章帶給大家的內容是關於jquery實現滑鼠點擊表格行就會變色（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

時隔一年左右，學習了新的知識，從嘗試Linux部署項目，網路安全，至後端開發，然後用起了Jquery，

而且是必須要做。也讓自己見識可能會更廣泛一些。對於一個剛畢業的大學生而言。方正我是沒有用過jquery，

儘管我有培訓學習過，也只是兩天時間，略有了解而已，工作中畫畫頁面肯定後期通過專業人士調，可怕，

感覺我即將這是我邁向前端的開始，不過還是很開心，調頁面的時候，一定要穩，而且需要時間。

　　我調這個js倒是沒有費多大勁，可是也是參考網上的，對於命令更是一知半解。後台乾脆撇棄網上五花八門的

例子，按照自己的思路來寫。也就是兩句程式碼的事，可能我寫的不太完美，但是分享出來算是對我的一個成長過程

#的記錄。 ok，廢話不多說。開始，首先我先介紹一下我的環境。

1.前台頁面沒什麼的,如下，中間可能一堆td，當然也可能沒有,然後，記得每行都要加個事件，假如你是寫再裡面的，就

　更好了，只需要加在那一個標籤裡面就ok了

　<tbody><tr onclick=“SingleChangeColor(this)”>
　　<td></td>.......
　　</tr><tbody>

2.然後就是js的這個方法的書寫了，你可以寫在頁面的

　　裡面，也可以寫在js裡。

3.然後方法就是：

function SingleChangeColor(e){
　　//1.清楚表格的背景颜色：注意#contentTable是你表格的ID，ID唯一
　　$("#contentTable").find("td").css("background","");
　　//2.改变当前点击行的背景颜色
　　$(e).find("td").css("background","red");//red为颜色，你也可以输入颜色值#00000等等
}

4.根據情況來

#相關推薦：

jquery實作點擊頁面計算點擊次數_ jquery

javascript基於jQuery的表格懸停變色/恢復,表格點擊變色/恢復,點擊行選Checkbox_jquery

#

以上是jquery實作滑鼠點擊表格行就會變色（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！