在web開發中,表格是一個不可或缺的組件。有時候需要對表格中的某些行或列進行特殊處理,比如讓基數行變成不同的背景顏色。jQuery提供了簡單易用的方法來實現這個效果。
$(document).ready(function(){ $('tr:odd').css('background-color', '#f2f2f2'); });
這個方法首先會在頁面加載完成后執行。然后,我們使用jQuery選擇器來選擇所有奇數行(基數行),并使用css()方法來改變它們的背景顏色為灰色。
如果我們想讓偶數行變成不同的顏色,只需要簡單地調換選擇器中的odd為even即可。
$(document).ready(function(){ $('tr:even').css('background-color', '#f2f2f2'); });
當然,你也可以指定不同的顏色值來改變基數行或偶數行的背景顏色。
$(document).ready(function(){ $('tr:odd').css('background-color', '#f2f2f2'); $('tr:even').css('background-color', '#ddd'); });
這樣,我們就可以使用jQuery輕松讓表格中的基數行或偶數行變成不同的背景顏色了。