在網站開發中，經常需要用到鼠標懸停彈出div的效果。而jquery則是一個非常強大的js庫，可以輕松實現這一效果。

首先，我們需要在html文件中添加一個空的div，用于存放彈出的內容。例如：

<div id="hoverDiv"></div>

然后，我們在js文件中使用jquery編寫代碼，實現鼠標懸停彈出div的效果。代碼如下：

$('#hoverElement').hover(function(){
//鼠標懸停時觸發的事件
$('#hoverDiv').fadeIn();
},function(){
//鼠標移開時觸發的事件
$('#hoverDiv').fadeOut();
});

代碼解釋：

首先，我們使用jquery選擇器選中鼠標懸停的元素，例如id為‘hoverElement’的元素。然后，我們使用jquery的hover()方法，該方法接受兩個參數，分別為鼠標懸停時觸發的事件和鼠標移開時觸發的事件。

在鼠標懸停時，我們使用jquery的fadeIn()方法，讓#hoverDiv逐漸顯示出來。而在鼠標移開時，我們使用jquery的fadeOut()方法，讓#hoverDiv逐漸消失。

最后，我們需要為#hoverDiv添加樣式，使其成為一個彈出框。例如：

#hoverDiv{
position:absolute;
top:50px;
left:50px;
width:200px;
height:100px;
background-color:#FFF;
border:1px solid #000;
padding:10px;
display:none;
}

代碼解釋：

首先，我們使用CSS的position屬性，將#hoverDiv相對于父元素的位置設置為絕對定位。然后，我們通過top和left屬性來控制#hoverDiv的位置。接著，我們設置了#hoverDiv的寬度、高度和背景顏色，以及邊框和padding等樣式。

最后，我們使用CSS的display屬性將#hoverDiv的初始狀態設置為不可見。這樣，在鼠標懸停時，我們通過jquery的fadeIn()方法讓其逐漸顯示出來。

到此，我們就成功實現了jquery鼠標懸停彈出div的效果。