jQuery是一種Javascript庫，可以使網(wǎng)站設計更加簡單、方便。其中，jQuery div居中是很常見的需求，尤其是針對移動端設備，設計師更加追求UI的美感，在此我們介紹兩種實現(xiàn)方式。

第一種方式是使用CSS來使div居中。首先，在CSS中指定該div的高度、寬度和位置。其次，在代碼中使用jQuery獲取容器的寬度和高度，然后將div的位置設置為居中。

CSS代碼：
.center-div{
height: 200px;
width: 300px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
jQuery代碼：
$(document).ready(function(){
var container_width = $(window).width();
var container_height = $(window).height();
$('.center-div').css({
'left': ((container_width - $('.center-div').width()) / 2) + 'px',
'top': ((container_height - $('.center-div').height()) / 2) + 'px'
});
});

第二種方式是使用jQuery函數(shù)來實現(xiàn)div居中。在這個方法中，我們只需要使用一個jQuery函數(shù)便可以完成div居中的功能。在代碼中，使用jQuery將dom加載后，直接可以調(diào)用該函數(shù)。

jQuery代碼：
$(document).ready(function(){
$.fn.center = function () {
this.css(
"position","absolute",
"top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px",
"left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px"
);
return this;
}
$('.center-div').center();
});

在實際開發(fā)中，jQuery的功能非常強大，只需要熟練運用一些函數(shù)便可以輕松實現(xiàn)UI的設計需求。