jQuery是一個常用的JavaScript庫，可以輕松地操作頁面元素和事件。在網頁設計中，獲得電腦屏幕的寬度和高度是經常用到的功能，這篇文章將介紹如何用jQuery來實現。

我們可以使用window對象的innerWidth和innerHeight屬性來獲取瀏覽器窗口的寬度和高度，但這并不是屏幕的實際尺寸，因為用戶可以調整瀏覽器的大小。相反，我們需要用jQuery來獲取屏幕的寬度和高度，代碼如下：

var screenWidth = $(window).width();
var screenHeight = $(window).height();

以上代碼利用了jQuery的選擇器和width()/height()方法來獲取屏幕的實際尺寸，包含滾動條和邊框的寬度。如果我們只需要內容區域的寬度和高度，可以使用$(document).width()和$(document).height()。

在日常開發中，我們可能需要根據屏幕尺寸來自適應布局和設置響應式樣式。下面是一個例子，當屏幕寬度小于600px時，圖片會自動隱藏：

$(window).resize(function() {
if ($(window).width() < 600) {
$("img").hide();
} else {
$("img").show();
}
});

以上代碼利用了resize()事件來監聽瀏覽器窗口的大小變化，如果寬度小于600px則隱藏所有的img標簽，否則顯示出來。

總之，jQuery可以方便地獲取屏幕的尺寸，并用于自適應布局和響應式設計。