JQuery是一種流行的JavaScript庫，可以輕松地操作HTML文檔，并添加動態(tài)效果。在JQuery中，body height屬性是一個非常重要的屬性，可以幫助開發(fā)者以不同的方式呈現(xiàn)web頁面。下面我們將介紹JQuery body height屬性的用法。

$(document).ready(function(){
var bodyHeight = $("body").height();
$("#height").text("Body Height: " + bodyHeight + "px");
});

代碼中，我們首先使用$(document).ready()函數(shù)，確保頁面完全加載后再運(yùn)行JavaScript代碼。

$(document).ready()

等價于簡寫的

$(function(){})

。 接著，我們使用JQuery選擇器選中body元素，并獲取它的高度，保存在變量

bodyHeight

中。 最后，我們使用JQuery選擇器選中一個元素，將

bodyHeight

的值插入到其中，并顯示在頁面上。在本例中，我們選中id為“height”的元素，使用.text()函數(shù)設(shè)置文本內(nèi)容。

通過上面的代碼，我們可以獲得當(dāng)前頁面body元素高度，并將其插入到指定元素中顯示。這對于設(shè)計響應(yīng)式頁面和計算視口尺寸等場景非常實(shí)用。