jQuery中的選擇器非常強大,可以讓我們輕松地操作頁面上的元素。其中一個常見的應用場景是在表格中選中一列并將其變色。
我們可以使用以下代碼來實現:
$(document).ready(function(){ $("tr").hover(function(){ $(this).addClass("highlight"); }, function(){ $(this).removeClass("highlight"); }); });
首先,我們在文檔準備好之后使用jQuery選擇器選擇所有的行,并將其添加hover事件。當鼠標移動到一行上面時,jQuery代碼將被觸發并將該行添加一個名為highlight的類。當鼠標移開時,該行將移除該類。
我們還需要在CSS中定義.highlight類,以便將所選行設置為我們想要的顏色。例如,我們可以定義以下樣式:
.highlight { background-color: #ff9900; color: #ffffff; }
這將使我們想讓我們高亮顯示的行背景顏色變為橙色,字體顏色為白色。
因此,我們可以很容易地使用jQuery選擇器和CSS樣式來實現在表格中選中一列并將其變色。