本文實例講述了jQuery實作表格顏色交替顯示的方法。分享給大家供大家參考。具體實作方法如下: 複製代碼 代碼如下: jQuery實作表格顏色的交替顯示 <br /> jQuery(document).ready(function(){<br /> jQuery(".truecolor tr:odd").addClass("color1");<br /> jQuery(".truecolor tr:even").addClass("color2");<br /> jQuery(".truecolor tr").hover(function(){<br /> jQuery(this).addClass("color3")<br /> },function(){<br /> jQuery(this).removeClass("color3")<br /> });<br /> });<br /> <br /> .truecolor {border:1px solid #333;text-align:center;}<br /> .truecolor th {background-color:#333; color:#FFF;}<br /> .color1 {background-color:#DDD; color:#333;}<br /> .color2 {background-color:#EEE; color:#333;}<br /> .color3 {background-color:#666; color:#FFF;}<br /> 部落格 作者 網址 風格舞蹈 火德 隔行換色 趙雷的部落格 趙雷 新浪微博 寂寞廣場 魏春亮 同學錄 淘寶UED 淘寶 經常購物 希望本文所述對大家的jQuery程式設計有所幫助。