jquery实现表格奇数偶数行不同样式（有图为证及实现代码)

非侵入实现，控制更方便效果图

复制代码代码如下： html head meta http-equiv=' content-type ' content=' text/html；charset=utf-8'/titlejavascript练习/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。8 .0 .量滴js /脚本样式类型=' text/CSS '表格{ width :300 px}标题{ background: # DCA}第{ background: # DCA }宽度：50%;} TD { text-align : center}/样式脚本类型='text/javascript' $(文档)。ready(function(){ odd={ ' background ' : ' # EDA '，' color ' : ' # 3 F5 ' }；//奇数样式偶数={ '背景：'#2DA '，'颜色' : ' # 875 ' };//偶数样式奇数_偶数(' #table_test '，奇数，偶数);});函数奇数_偶数(id，奇数，偶数){ $(id).查找(' tr ').每个（函数（索引，元素){ if(索引%2==1) $(这个).css(奇数);else $(这个)。css(偶数);});}/脚本/头体表id='table_test '标题标题字幕tr th name/th thage/th/tr tr TdA/Td TdB/Td/tr Td张运输署/运输署李/TD/tr TdA/TD TdB/TD/tr Td张运输署/运输署李/TD/tr TdA/TD TdB/TD/tr Td张运输署/运输署李TD/tr/tr张运输署/运输署李/Td/tr/TdA/Td/Td/tr/Li/body/html