JQuery是一個使用JavaScript編寫的跨瀏覽器JavaScript庫，它使得HTML文檔遍歷、事件處理、動畫和Ajax更加方便。
在開發過程中，我們可能會需要將一張圖片作為背景，同時使其居中顯示。接下來我們就來了解一下如何使用JQuery設置背景圖片居中。

//HTML代碼
<div class="bg-image"></div>
//CSS代碼
.bg-image{
width:100%;
height:600px; 
background-image:url('background.jpg');//圖片路徑
background-repeat:no-repeat; 
background-position:center center;//圖片居中
}
//JQuery代碼
$(function(){
var bgWidth = $('.bg-image').width();//獲取div的寬度
var bgHeight = $('.bg-image').height();//獲取div的高度
$('.bg-image').css('background-size', bgWidth+'px ' + bgHeight+'px');//設置div背景的大小
});

以上這段JQuery代碼實現了將背景圖片自適應div的大小，并使其居中顯示。