前端開發離不開jquery,jquery和JavaScript一樣能實現很多功能,本文主要為大家詳細介紹了實現jquery隔行變色效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能幫助大家。
本文實例為大家分享了jquery隔行變色展示的具體程式碼,供大家參考,具體內容如下
程式碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text/javascript"> $(function(){ $("tr:odd").attr("bgColor","#DD1C73"); $("tr:even").attr("bgColor","#875BE6"); }) </script> <body> <form id="form1" runat="server"> <p> <table width="300px"> <tr><td>11111</td></tr> <tr><td>22222</td></tr> <tr><td>33333</td></tr> <tr><td>44444</td></tr> <tr><td>55555</td></tr> <tr><td>55555</td></tr> </table> </p> </form> </body> </html>一個小功能,大家學會了嗎?趕快動手嘗試。 相關推薦:
以上是jquery簡單實作隔行變色方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!