jQuery 行背景颜色的交替显示(隔行变色)实现代码

  作者:bea

一些css的定义,可以根据需要自己选择。//显示单双行显示不同背景色【方法一】: // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色【方法二】: $("#UL_id li:even").addClass("redClass"); <ul id="UL_id"> <li>单数</li> <li>双数</li> <li>双数&
一些css的定义,可以根据需要自己选择。

//显示单双行显示不同背景色【方法一】:

// $("#UL_id li:even").attr("className","redClass");

//显示单双行显示不同背景色【方法二】:

$("#UL_id li:even").addClass("redClass");

<ul id="UL_id">

<li>单数</li>

<li>双数</li>

<li>双数</li>

</ul>

odd:单

even:双


jQuery 表格隔行变色代码




li隔行换色改进版



JS控制表格隔行变色


有用  |  无用

猜你喜欢