jQuery是一個非常流行的 JavaScript 庫，它簡化了 JavaScript 開發的許多任務。其中之一是將層（div、span 等）居中。下面是一個使用jQuery將層居中的簡單示例：

var winHeight = $(window).height();
var winWidth = $(window).width();
var layerWidth = $('.layer').width();
var layerHeight = $('.layer').height();
$('.layer').css({
'position': 'absolute',
'left': (winWidth - layerWidth) / 2,
'top': (winHeight - layerHeight) / 2
});

上面的代碼獲取了瀏覽器窗口的寬度和高度，以及要居中的層的寬度和高度。通過計算層的左邊距和上邊距，將其居中。最后，將層的位置更改為絕對定位。

如果您想在頁面加載時將層居中，則可以將上述代碼放入 $(document).ready() 函數中：

$(document).ready(function() {
var winHeight = $(window).height();
var winWidth = $(window).width();
var layerWidth = $('.layer').width();
var layerHeight = $('.layer').height();
$('.layer').css({
'position': 'absolute',
'left': (winWidth - layerWidth) / 2,
'top': (winHeight - layerHeight) / 2
});
});

盡管這只是一個簡單的示例，但類似的技術可以用于創建很多更高級的應用程序，例如響應式設計。它也可以用于在使用模態框或輕框架時將層居中。