列表頁點擊、鼠標經過離開背景變化

<script type="text/javascript">$(function () {$("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); }).dblclick(function () { $(this).removeClass("aliveTrClick"); }).mouseover(function () { $(this).addClass("aliveTr"); }).mouseleave(function () { $(this).removeClass("aliveTr"); });});</script> <style type="text/css">.aliveTr{ background:#DfE7D0;} .aliveTrClick{ background:#D0E7D0;}</style> <table width="80%" border="1"> <tr> <td>2003年</td> <td>1000</td> <td>2000</td> <td>3000</td> </tr> <tr> <td>2004年</td> <td>4000</td> <td>5000</td> <td>6000</td> </tr> <tr> <td>2005年</td> <td>7000</td> <td>8000</td> <td>9000</td> </tr> </table>

轉載于:https://www.cnblogs.com/yonsy/p/4255250.html

總結

以上是生活随笔為你收集整理的Jquery 单击_双击_鼠标经过_鼠标离开_背景样式变化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。