jQuery是一種非常流行的JavaScript庫，它可以輕松地操作文檔對象模型(DOM)。jQuery中的彈窗是一種簡單的技術，可以用來在網頁中顯示警告，消息等。

$(document).ready(function(){
$("#btn-open").click(function(){
$("#modal-overlay").fadeIn();
$("#modal").fadeIn();
});
$("#btn-close").click(function(){
$("#modal-overlay").fadeOut();
$("#modal").fadeOut();
});
});

在上面的代碼片段中，首先定義了一個jQuery的ready()函數，它會在網頁加載完成后立即執行。接著，我們定義了兩個點擊事件，分別對應彈窗的打開和關閉功能。

#modal-overlay {
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#modal {
background: #fff;
border: 1px solid #ccc;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 999;
padding: 20px;
}

上面的代碼是彈窗的樣式定義，其中modal-overlay是彈窗背景層，它占據整個頁面；modal是實際的彈窗，它在背景層上方居中顯示。兩者都設為display:none;，表示一開始不顯示，只有在點擊按鈕時才會顯示。

我們可以通過CSS來進一步修改彈窗的樣式，比如調整背景色、邊框等等。更重要的是，我們可以通過jQuery來動態地修改彈窗中的內容。

$("#modal").html("
提示
請輸入用戶名和密碼。
");

上面的代碼可以在彈窗中插入新的HTML元素，比如提示語、表單等等。

總之，使用jQuery的彈窗是一種簡單又高效的技術，在網頁設計和交互中有著廣泛的應用。