jQuery15天快速入门教程第二天
这里我准备了一个别人写好的javascript我将奇偶行的斑马线的演示，而我希望把代码减少到5行以下。同时你会看到我是如何将其变得及灵活又有用。
(转载请注明出处：[url=http://www.tswa.org]博彩通[/url][url=http://www.a9832.com]博彩网[/url])阅读一下Matthew Pennell的"?Stripe your tables the OO way"这篇文章，他的代码干净又简洁，是在a past article from A List Apart文章介绍基础上做的改进。
但我相信借助jQuery，我们可以使用更短更简单的代码做得更好。
我们要做的是创建一个带斑马线风格的表格，而且当鼠标经过每一行的时候，改变该行的背景色。 ??
JS代码如下：
$(document).ready(function(){ //这个就是传说的ready $(".stripe tr").mouseover(function(){ //如果鼠标移到class为stripe的表格的tr上时，执行函数 $(this).addClass("over");}).mouseout(function(){ //给这行添加class值为over，并且当鼠标一出该行时执行函数 $(this).removeClass("over"); }) //移除该行的class $(".stripe tr:even").addClass("alt"); //给class为stripe的表格的偶数行添加class值为alt });演示DEMO