交互设计中心-72色

jquery 中" each"这个的用法很是省心，对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。

72色在这里列出两种形式给大家：

$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果

上面这两种形式一个能让多个“p”元素有不同德显示效果，缺点就是条数的有限性。
另一个形式是让所有的“tr”元素交替显示两种背景颜色，这样不管有多少“tr”都会显示效果。

说到这，大家可能还会用到“hover”这个事件，72色就顺便列出来吧。

hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});

“hover”这个事件可以让鼠标放到表格和离开表格时显示不一样的效果。