jQuery是一個非常流行的JavaScript庫，它可以幫助Web開發人員輕松地操作HTML元素。在本文中，我們將學習如何使用jQuery來將table中的td單元格轉換成th單元格，并且改變它們的顏色。

$(document).ready(function(){
$("td").click(function(){
var text = $(this).text(); //獲取td單元格的內容
var index = $(this).index(); //獲取td單元格所在的列的索引
$(this).replaceWith("<th>" + text + "</th>"); //用th單元格替換原來的td單元格
$("tr:first-child").find("th").eq(index).css("background-color", "#f2f2f2"); //修改表頭的顏色
});
});

以上代碼解釋如下：

• $(document).ready(function(){...});表示在DOM加載完成后執行代碼，以確保元素已經存在。
• $("td").click(function(){...});表示當用戶點擊任何一個td單元格時執行代碼。
• var text = $(this).text();獲取td單元格的內容。
• var index = $(this).index();獲取當前td單元格所在的列的索引。
• $(this).replaceWith("" + text + "");將原來的td單元格替換成th單元格。
• $("tr:first-child").find("th").eq(index).css("background-color", "#f2f2f2");修改表頭的顏色，使其與td單元格的顏色保持一致。

通過以上代碼，我們可以利用jQuery來改變table的單元格類型并改變表頭的樣式，從而使整個表格的樣式更美觀。