jQuery隔行變色與普通JS寫法的對(duì)比？第一行表示表的直接子元素tr每隔一行更改一次顏色如果tr外有tbody和其他標(biāo)記則tr不會(huì)更改顏色第二行表示表中的所有tr每隔一行更改一次顏色1。在HTML文

jQuery隔行變色與普通JS寫法的對(duì)比？

第一行表示表的直接子元素tr每隔一行更改一次顏色

如果tr外有tbody和其他標(biāo)記

則tr不會(huì)更改顏色

第二行表示表中的所有tr每隔一行更改一次顏色

1。在HTML文件中，編寫一個(gè)基本表元素，并將邊框?qū)挾仍O(shè)置為1px。

2. 打開(kāi)瀏覽器并檢查瀏覽器中的效果。你可以看到目前沒(méi)有什么風(fēng)格。這是一張簡(jiǎn)單的桌子。

3. 使用CSS代碼給表格添加樣式，將其設(shè)置為顯示在中間，單元格的寬度將變長(zhǎng)，高度將增加。

4. 再次打開(kāi)瀏覽器以查看效果。您可以看到表格的樣式很漂亮，顯示信息也很清晰。

5. 在CSS代碼中，使用第n個(gè)子方法來(lái)區(qū)分表中每行的奇數(shù)和偶數(shù)，奇數(shù)和偶數(shù)列被賦予不同的顏色。

6. 打開(kāi)瀏覽器刷新頁(yè)面，可以看到表格已經(jīng)達(dá)到了交錯(cuò)變色的效果。以上步驟就是為了實(shí)現(xiàn)這個(gè)功能。