JQuery表格動態添加td是一項非常實用的技術，可以幫助我們快速地將數據展示在表格中，提升用戶體驗。下面我們來看一下如何使用JQuery動態添加td。

// 定義數據
var data = [
{ name: '小明', age: 18, gender: '男' },
{ name: '小紅', age: 19, gender: '女' },
{ name: '小剛', age: 17, gender: '男' },
{ name: '小美', age: 20, gender: '女' }
];
// 獲取表格對象
var table = $('table');
// 遍歷數據
$.each(data, function(index, item) {
// 創建新的行和表格單元格
var tr = $('<tr></tr>');
var tdName = $('<td></td>').text(item.name);
var tdAge = $('<td></td>').text(item.age);
var tdGender = $('<td></td>').text(item.gender);
// 將新的單元格添加到行中
tr.append(tdName);
tr.append(tdAge);
tr.append(tdGender);
//將新的行添加到表格中
table.append(tr);
});

通過以上代碼，我們可以看到JQuery動態添加td的過程非常簡單。我們只需要先獲取到表格對象，然后遍歷數據，在遍歷的時候創建新的行和表格單元格，最后將新的單元格添加到行中，再將新的行添加到表格中即可。