jQuery 可以幫助我們很方便地設置表格的 CSS 樣式。我們可以使用它的 CSS 方法來修改表格的樣式,例如設置表格的背景色、邊框、寬度和高度等。
下面是一些簡單的代碼示例,演示如何使用 jQuery 設置表格的樣式:
設置表格邊框和寬度:
$("table").css("border", "1px solid #ccc"); $("table").css("width", "100%");
設置表格的背景色和文字樣式:
$("table").css("background-color", "#f7f7f7"); $("td").css("font-size", "14px"); $("td").css("font-weight", "bold");
設置表格單元格的邊框和文字對齊方式:
$("td, th").css("border", "1px solid #ccc"); $("td").css("text-align", "center"); $("th").css("text-align", "left");我們還可以使用 chain 方法(連綴語法)來簡化代碼,使其更加簡潔美觀:
$("table").css("border", "1px solid #ccc") .css("width", "100%") .css("background-color", "#f7f7f7"); $("td, th").css("border", "1px solid #ccc") .css("text-align", "center"); $("td").css("font-size", "14px") .css("font-weight", "bold"); $("th").css("text-align", "left");總的來說,通過使用 jQuery 的 CSS 方法,我們可以很容易地設置表格的樣式,使其更加適合我們的需求。