jQuery是一種流行的JavaScript庫，可用于簡化頁面開發。通過使用jQuery，可以方便地設置元素居中顯示，無論是水平居中還是垂直居中。本文將介紹如何使用jQuery來實現以上功能。

// 水平居中
var element = $('selector');
var parentWidth = element.parent().width();
var elementWidth = element.width();
var leftMargin = (parentWidth - elementWidth) / 2;
element.css('margin-left', leftMargin);
// 垂直居中
var element = $('selector');
var parentHeight = element.parent().height();
var elementHeight = element.height();
var topMargin = (parentHeight - elementHeight) / 2;
element.css('margin-top', topMargin);
// 水平垂直居中
var element = $('selector');
var parentWidth = element.parent().width();
var parentHeight = element.parent().height();
var elementWidth = element.width();
var elementHeight = element.height();
var leftMargin = (parentWidth - elementWidth) / 2;
var topMargin = (parentHeight - elementHeight) / 2;
element.css({ 'margin-left': leftMargin, 'margin-top': topMargin });

以上代碼分別展示了如何實現水平居中、垂直居中以及水平垂直居中。只需將"selector"替換為要居中的元素的選擇器即可。同時，要注意元素的父元素必須是一個定位的元素，如設置position: relative;或position: absolute;。