jQuery是一種流行的JavaScript庫，可以幫助開發(fā)人員快速簡便地處理DOM元素和事件。在很多情況下，我們需要獲取頁面的寬度和高度。這篇文章將向您展示如何使用jQuery獲得頁面的寬度和高度。

要獲取頁面的寬度和高度，我們可以使用$(window).width()和$(window).height()方法。代碼如下：

$(document).ready(function() {
var width = $(window).width();
var height = $(window).height();
console.log("頁面寬度為：" + width + "，頁面高度為：" + height);
});

上述代碼會(huì)在文檔準(zhǔn)備完成后獲取頁面的寬度和高度，并輸出到控制臺(tái)。

我們也可以在窗口大小發(fā)生改變時(shí)獲取頁面的寬度和高度。代碼如下：

$(window).resize(function() {
var width = $(window).width();
var height = $(window).height();
console.log("頁面寬度為：" + width + "，頁面高度為：" + height);
});

上述代碼會(huì)在窗口大小發(fā)生改變時(shí)獲取頁面的寬度和高度，并輸出到控制臺(tái)。

除了使用$(window).width()和$(window).height()方法，我們也可以使用document.documentElement.clientWidth和document.documentElement.clientHeight屬性獲取頁面的寬度和高度。代碼如下：

$(document).ready(function() {
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;
console.log("頁面寬度為：" + width + "，頁面高度為：" + height);
});

上述代碼會(huì)在文檔準(zhǔn)備完成后獲取頁面的寬度和高度，并輸出到控制臺(tái)。

總的來說，使用jQuery獲得頁面的寬度和高度非常簡單。不管是使用$(window).width()和$(window).height()方法還是使用document.documentElement.clientWidth和document.documentElement.clientHeight屬性，都能夠快速簡便地獲得頁面的寬度和高度。