Bootstrap是一個(gè)流行的前端框架，可以幫助開發(fā)人員快速構(gòu)建現(xiàn)代化的WEB界面，并且也提供了常用的組件和樣式。其中模態(tài)框是在Bootstrap中最常用的一個(gè)組件之一，讓用戶能夠在不離開當(dāng)前頁(yè)面的前提下完成一些操作，例如登錄、注冊(cè)、修改密碼等。

Bootstrap模態(tài)框內(nèi)置了jQuery支持，可以方便地通過(guò)jQuery控制模態(tài)框的行為，例如打開、關(guān)閉、設(shè)置內(nèi)容等。以下是一個(gè)簡(jiǎn)單的示例：

// 彈出模態(tài)框
$('#myModal').modal('show');
// 關(guān)閉模態(tài)框
$('#myModal').modal('hide');
// 修改模態(tài)框的標(biāo)題和內(nèi)容
$('#myModal .modal-title').text('新標(biāo)題');
$('#myModal .modal-body').html('新內(nèi)容');

在上面的代碼中，我們通過(guò)jQuery的選擇器選中了一個(gè)ID為“myModal”的模態(tài)框，并且分別使用了modal('show')和modal('hide')來(lái)打開和關(guān)閉這個(gè)模態(tài)框。同時(shí)，我們也可以使用jQuery操作模態(tài)框內(nèi)的元素，例如修改標(biāo)題和內(nèi)容。

除了這些基礎(chǔ)的操作，我們還可以通過(guò)jQuery事件來(lái)自定義模態(tài)框的行為，例如當(dāng)模態(tài)框打開時(shí)自動(dòng)聚焦輸入框、當(dāng)模態(tài)框關(guān)閉時(shí)執(zhí)行某些操作等。以下是一個(gè)示例：

$(document).on('shown.bs.modal', '#myModal', function () {
$('#myModal input[type="text"]').focus();
});
$(document).on('hidden.bs.modal', '#myModal', function () {
console.log('模態(tài)框已關(guān)閉');
});

上面的代碼中，我們使用了jQuery的事件委托機(jī)制來(lái)綁定了模態(tài)框的shown.bs.modal事件和hidden.bs.modal事件。當(dāng)模態(tài)框打開時(shí)，我們使用focus()方法將輸入框自動(dòng)聚焦；當(dāng)模態(tài)框關(guān)閉時(shí)，我們輸出了一條控制臺(tái)日志，表示模態(tài)框已關(guān)閉。

總之，通過(guò)Bootstrap模態(tài)框和jQuery的配合，我們可以很方便地實(shí)現(xiàn)各種需求，使得我們的頁(yè)面更加現(xiàn)代化和用戶友好。