jQuery是一個(gè)非常強(qiáng)大的JavaScript庫(kù),它能夠極大地簡(jiǎn)化我們對(duì)HTML文檔操作的過(guò)程。在web開(kāi)發(fā)中,表格是一個(gè)很常見(jiàn)的元素。我們經(jīng)常需要對(duì)表格進(jìn)行修飾,其中一項(xiàng)功能就是讓表格中的某一行或某些行變色。下面就是使用jQuery實(shí)現(xiàn)讓table中的指定行變色的代碼:
$(document).ready(function(){ $("tr:eq(2)").css("background-color", "#FFFFE0"); });
首先,我們?cè)陧?yè)面加載完成后給tr添加了一個(gè)背景顏色(#FFFFE0)。
接下來(lái),我們解釋一下上述代碼中的每一段:
- $(document).ready()是jQuery中的一個(gè)函數(shù),在整個(gè)文檔加載完成后執(zhí)行,這樣我們就不需要在頁(yè)面加載完后再手動(dòng)為各個(gè)元素添加事件了。
- $("tr:eq(2)")的意思是選中table中第3個(gè)tr(從0開(kāi)始編號(hào)),即index為2的行。
- .css("background-color", "#FFFFE0")則是為選中行添加一個(gè)背景色,將其設(shè)置為#FFFFE0,也就是淺黃色。
至此,我們就可以成功地用jQuery讓table中的指定行變色了。