在前端開發(fā)中，jQuery是一個非常重要的工具庫。它提供了豐富的API，幫助我們快速編寫高效的JavaScript代碼。這里，我們來看一下使用jQuery制作課程表的例子。

//課程時間和內(nèi)容
var courses = [
{
time: "周一上午1-2節(jié)",
name: "Web前端開發(fā)"
},
{
time: "周三下午1-2節(jié)",
name: "移動端APP開發(fā)"
},
{
time: "周四上午1-2節(jié)",
name: "大數(shù)據(jù)分析"
},
{
time: "周五下午3-4節(jié)",
name: "云計算原理"
}
];
//創(chuàng)建課程表
function createTable() {
var table = $("<table></table>");
var tr = $("<tr></tr>");
var td = $("<td></td>");
var coursesLen = courses.length;
//創(chuàng)建表頭
table.append($("<thead><tr><th>時間/日期</th><th>周一</th><th>周二</th><th>周三</th><th>周四</th><th>周五</th></tr></thead>"));
//創(chuàng)建表格內(nèi)容
var tbody = $("<tbody></tbody>");
for(var i=0; i<coursesLen; i++) {
var course = courses[i];
var time = course.time;
//創(chuàng)建每一行
var tr = $("<tr></tr>");
tr.append(td.clone().text(time));
//創(chuàng)建每個單元格
for(var j=0; j<5; j++) {
var td = $("<td></td>");
if(j === 1) {
td.append($("<span></span>").text(course.name));
}
tr.append(td);
}
tbody.append(tr);
}
table.append(tbody);
return table;
}
//將課程表添加到頁面中
$(".table-container").append(createTable());

如上代碼所示，首先定義了課程時間和內(nèi)容的數(shù)組courses。然后，使用函數(shù)createTable()創(chuàng)建課程表。函數(shù)內(nèi)部先創(chuàng)建表頭，再創(chuàng)建表格內(nèi)容。在創(chuàng)建表格內(nèi)容時，使用嵌套的for循環(huán)來創(chuàng)建每個單元格，并通過判斷來顯示課程內(nèi)容。最后，將課程表添加到HTML中。通過以上步驟，我們就成功使用jQuery制作了一張課程表。希望這個例子能對大家有所幫助。