在網頁設計中，表格是一個非常常見的元素。在表格中，我們需要設置每個單元格的邊框來使它們更加清晰和美觀。在 jQuery 中，設置 td 的邊框非常簡單。讓我們來看一下代碼示例。
首先，在 HTML 文件中，我們需要創建一個表格：

<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>Anne</td>
<td>26</td>
<td>Female</td>
</tr>
<tr>
<td>John</td>
<td>35</td>
<td>Male</td>
</tr>
<tr>
<td>Eva</td>
<td>21</td>
<td>Female</td>
</tr>
</tbody>
</table>

我們可以使用 CSS 來設置整個表格的邊框，但是在某些情況下，我們需要僅針對某些 td 元素單獨設置邊框。使用 jQuery，我們可以輕松地實現這一目標。下面是代碼示例：

<script>
$(document).ready(function(){
$("#myTable td").css("border", "1px solid black");
});
</script>

在上面的代碼中，我們使用了 jQuery 選擇器來選取所有的 td 元素，并使用 css() 方法來設置它們的邊框。我們可以在方法中使用任意 CSS 樣式來設置邊框，例如寬度、顏色和樣式。這里我們設置了邊框寬度為 1 像素，顏色為黑色，樣式為實線。
無論是在 HTML 文件中還是在 JavaScript 文件中，將代碼整潔排版是非常重要的。使用 pre 標簽可以在代碼輸出時保留原始縮進和空格，從而讓代碼更易于閱讀。在本文中，我們使用 pre 標簽來展示代碼示例。
總之，在 jQuery 中設置 td 的邊框非常簡單。我們只需要使用選擇器選取要設置邊框的 td 元素，并使用 css() 方法來設置樣式。如果您想了解更多關于 jQuery 的知識，請參考 jQuery 官方文檔。