jQuery div彈窗是一種常見的網頁彈窗效果，通常用于展示提示信息、廣告、登錄框等內容。通過使用jQuery庫中的相關方法，我們可以輕松地實現這種效果。

//HTML代碼
<div class="popup">
<div class="popup-content">
//彈窗內容
...
</div>
</div>
//CSS代碼
.popup{
width: 100%; //寬度為整個頁面
height: 100%; //高度為整個頁面
background-color: rgba(0,0,0,0.5); //背景顏色為半透明黑色
position: fixed; //固定在屏幕上方
top: 0;
left: 0;
display: none; //初始隱藏
align-items: center; //垂直居中
justify-content: center; //水平居中
}
.popup-content{
width: 300px;
height: 200px;
background-color: #fff;
text-align: center;
}

其中的.popup和.popup-content類名可以根據需求自定義，接下來是使用jQuery實現div彈窗效果的代碼：

//jQuery代碼
$(document).ready(function(){
//彈出彈窗
$('.trigger').click(function(){
$('.popup').fadeIn();
});
//關閉彈窗
$('.close').click(function(){
$('.popup').fadeOut();
});
});

在jQuery代碼中，我們通過指定觸發彈窗效果的元素類名為.trigger，并指定關閉彈窗的元素類名為.close，實現了彈窗效果的觸發和關閉操作，同時使用fadeIn和fadeOut方法，實現了彈窗的漸顯和漸隱效果。

通過以上步驟，我們就可以成功實現一個基本的jQuery div彈窗效果，可以根據需求自定義彈窗樣式和彈窗內容，實現更多的彈窗交互效果。