单纯的使用js写起来会很麻烦,而且还要考虑兼容性的问题
好的学习方式是先学习js,再学习jquery
对于jquery来说啊,它一般具有两个功能,一个功能呢是读这个属性的值,另一个功能是写这个属性的值。
一个参数就是读操作,两个参数就是写操作。
对于你获取的每一个jquery对象来说,他都有一个length属性,表示对象的个数。
表格隔行交叉换颜色。
搭配颜色不是我的强项,我的强项是把他的颜色弄出来。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src=../js/jquery-1.9.1.min.js></script> <script type="text/javascript"> window.onload = function() { var Table = document.getElementById("table1"); var Tbody = Table.getElementsByTagName("tbody")[0]; var Trs = Tbody.getElementsByTagName("tr"); for ( var i = 0; i < Trs.length; i++) { if(i%2==0){ Trs[i].style.backgroundColor="#CAFF70"; }else{ Trs[i].style.backgroundColor="#E0FFFF"; } } } </script> </head> <body> <table id="table1" border="1" align="center" width="60%"> <tbody> <tr> <td>王宏雷</td> <td>粗来玩</td> <td>信都科技</td> <td>人力资源</td> </tr> <tr> <td>王宏雷</td> <td>粗来玩</td> <td>信都科技</td> <td>人力资源</td> </tr> </tbody> </table> </body> </html>