Code666 (代码贴、代码片段)

[JavaScript] jQuery实现表格行交替变色效果代码 →→→→→进入此内容的聊天室

来自 , 2019-05-26, 写在 JavaScript, 查看 123 次.
URL http://www.code666.cn/view/479f499d
  1. // jQuery
  2. $(function(){
  3.   $("tr.stripe:even").css("background-color", "#D0D0D0");
  4.   $("tr.stripe:odd").css("background-color", "#E5E5E5");
  5. }
  6.  
  7.  
  8. // HTML
  9. <table>
  10.    <tr class="stripe">
  11.      <td>Col 1</td>
  12.      <td>Col 2</td>
  13.      <td>Col 3</td>
  14.    </tr>
  15.    <tr class="stripe">
  16.      <td>Col 1</td>
  17.      <td>Col 2</td>
  18.      <td>Col 3</td>
  19.    </tr>
  20.    <tr class="stripe">
  21.      <td>Col 1</td>
  22.      <td>Col 2</td>
  23.      <td>Col 3</td>
  24.    </tr>
  25. </table>
  26. //javascript/4054

回复 "jQuery实现表格行交替变色效果代码"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666