我們在網頁布局中常常需要使用到div元素來實現盒子模型的布局。有些時候我們想要讓這個div元素水平垂直居中，這個時候就可以使用jQuery來實現。

具體實現思路如下：

$(document).ready(function(){
var window_width = $(window).width();
var window_height = $(window).height();
var div_width = $("#mydiv").width();
var div_height = $("#mydiv").height();
var left_pos = (window_width - div_width) / 2;
var top_pos = (window_height - div_height) / 2;
$("#mydiv").css({
"position": "absolute",
"left": left_pos,
"top": top_pos
});
});

首先，在文檔準備好之后，我們先獲取到瀏覽器窗口的寬和高，以及要垂直居中的div元素的寬和高。

然后，我們計算出div元素的左邊距和上邊距，這里使用了一個簡單的公式：(window_width - div_width) / 2，它可以計算出這個div元素距離瀏覽器窗口左側和頂部的距離。

最后，我們使用jQuery的css方法來設置這個div元素的樣式屬性，包括“position”、“left”和“top”。其中，“position”屬性設為“absolute”，是因為只有絕對定位才能實現元素的精確定位。

至此，我們實現了一個簡單的div水平垂直居中的效果。當然，這個代碼只適用于在瀏覽器窗口中居中一個元素，如果是在一個大的容器中垂直居中，可以改變這里的計算公式，但整體思路是相同的。