jQuery是一種非常流行的JavaScript庫,它的出現大大簡化了前端開發的工作。而CSS表格是Web開發中最常見的元素之一,我們可以使用jQuery的操作來改變CSS表格的樣式、內容和交互性。
// 改變表格樣式 $(document).ready(function() { $("table").addClass("table-striped"); // 給表格添加條紋樣式 $("th").css("background-color", "#f2f2f2"); // 給表頭添加背景色 }); // 改變表格內容 $(document).ready(function() { $("td:contains('男')").text("M"); // 將含有“男”字眼的單元格內容替換為“M” $("td:contains('女')").text("F"); // 將含有“女”字眼的單元格內容替換為“F” }); // 表格交互性 $(document).ready(function() { $("td").hover( function() { $(this).addClass("hover"); // 當鼠標移入單元格時添加類名 }, function() { $(this).removeClass("hover"); // 當鼠標移出單元格時移除類名 } ); });
以上是使用jQuery來改變CSS表格的樣式、內容和交互性的例子。通過細微的調整,我們可以使表格更加美觀、易讀和易用。