在網頁設計中，表格是非常常用的元素，而jQuery作為一款強大的JavaScript庫，擁有許多方便的API可以操作表格，以下是使用jQuery計算表格總成績的代碼示例：

<code class="language-html">
<table id="score">
<thead>
<tr>
<th>學生姓名</th>
<th>數學成績</th>
<th>語文成績</th>
<th>英語成績</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>80</td>
<td>90</td>
<td>85</td>
</tr>
<tr>
<td>小紅</td>
<td>75</td>
<td>95</td>
<td>80</td>
</tr>
</tbody>
</table>

以上是一個成績表格，包括學生姓名、數學成績、語文成績和英語成績?，F在我們需要使用jQuery計算表格中學生的總成績：

<code class="language-javascript">
$(document).ready(function(){
// 獲取數學、語文、英語成績列
var mathScores = $('#score tbody td:nth-child(2)');
var chineseScores = $('#score tbody td:nth-child(3)');
var englishScores = $('#score tbody td:nth-child(4)');
// 初始化總成績為0
var totalScore = 0;
// 循環計算每個學生的總成績
mathScores.each(function(index, element){
var mathScore = parseFloat($(this).text());
var chineseScore = parseFloat(chineseScores.eq(index).text());
var englishScore = parseFloat(englishScores.eq(index).text());
var studentTotalScore = mathScore + chineseScore + englishScore;
totalScore += studentTotalScore;
});
// 在表格底部添加總成績行
$('#score tbody').append('<tr><td colspan="4">總成績：' + totalScore + '</td></tr>')
});

以上代碼首先獲取了數學、語文、英語成績列，然后使用each()方法循環計算每個學生的總成績，再將所有總成績加起來得出總成績，并將其添加到表格底部。

是不是非常簡單方便呢？這就是jQuery的魔力所在。