jQuery是一種流行的JavaScript庫，常用來處理網頁中的DOM元素和事件。其中，超寬圖全屏居中是一種常見的需求，特別是在響應式設計中。

超寬圖指的是圖片的寬度明顯大于屏幕寬度，通常需要將其在屏幕上居中顯示。以下代碼演示了如何使用jQuery將超寬圖全屏居中。

// 獲取圖片和窗口的寬高
var imgWidth = $('img').width();
var imgHeight = $('img').height();
var winWidth = $(window).width();
var winHeight = $(window).height();
// 判斷圖片是否需要縮放
if (imgWidth > winWidth) {
var ratio = winWidth / imgWidth;
$('img').css('width', winWidth);
$('img').css('height', imgHeight * ratio);
}
// 計算圖片居中的位置
var topPos = (winHeight - $('img').height()) / 2;
var leftPos = (winWidth - $('img').width()) / 2;
// 設置圖片位置
$('img').css('top', topPos);
$('img').css('left', leftPos);

以上代碼首先獲取了圖片和窗口的寬高，判斷是否需要縮放圖片。接下來計算了圖片居中的位置，并最終將圖片設置在屏幕上居中顯示。

總的來說，以上代碼演示了如何使用jQuery實現超寬圖全屏居中。這個技巧可以讓頁面更具吸引力，提高用戶體驗。