jQuery是一個流行的JavaScript庫，通過簡化JavaScript的編寫和DOM操作，使得開發者更容易地創建交互性網頁。其中，部門人員選擇是許多企業和網站常用的交互功能。通過在頁面上添加一個下拉框或者復選框列表，讓用戶能夠方便地選擇企業部門或團隊中的人員。

下面是一個基于jQuery的部門人員選擇實現示例：

// 部門列表，通過對象數組定義
var departments = [
{name: "技術部", members: ["張三", "李四", "王五"]},
{name: "市場部", members: ["趙六", "錢七"]},
{name: "財務部", members: ["周八", "吳九"]}
];
// 當選擇下拉框選項時，更新人員列表
$("#department").change(function() {
// 獲取選中的部門名稱
var dept = $(this).val();
// 根據部門名稱，查找對應的人員列表
var members = departments.find(function(d) {
return d.name === dept;
}).members;
// 更新人員列表的復選框選項
$("#members").html("");
members.forEach(function(m) {
var checkbox = $("").attr({
type: "checkbox",
name: "member",
value: m
});
var label = $("").text(m);
$("#members").append(checkbox).append(label).append("
");
});
});
// 當點擊提交按鈕時，輸出所選部門和人員信息
$("#submit").click(function() {
var dept = $("#department").val();
var members = [];
$("input[name='member']:checked").each(function() {
members.push($(this).val());
});
alert("所選部門：" + dept + "\n所選人員：" + members.join(", "));
});

在這個示例中，我們定義了一個部門列表，當用戶選擇下拉框中的部門時，根據部門名稱查找對應的人員列表，并渲染出復選框選項。最后，當用戶點擊提交按鈕時，我們通過jQuery選擇器獲取所選部門和人員信息，并輸出到一個彈出框中。

通過這個部門人員選擇示例，我們可以看出jQuery對于DOM操作和事件綁定的簡化，讓我們能夠更輕松地實現復雜的交互效果。