對于前端開發(fā)者來說，div 窗口高度的控制是一個很重要的技能，以此來達到網(wǎng)頁布局的合理化和美觀化。而使用 jQuery 來控制 div 窗口高度則是一種非常簡單而且實用的方法。

$(document).ready(function(){
var windowHeight = $(window).height(); //獲取瀏覽器窗口高度
var headerHeight = $('header').height(); //獲取頭部高度
var footerHeight = $('footer').height(); //獲取底部高度
var contentHeight = windowHeight - headerHeight - footerHeight; //計算內(nèi)容高度
$('div.content').height(contentHeight); //將計算出的內(nèi)容高度賦值給內(nèi)容區(qū)塊
});

上面這段代碼，首先聲明一個 ready 函數(shù)，使得文檔加載完畢后再執(zhí)行后面的代碼，防止由于加載較慢導(dǎo)致代碼無法執(zhí)行的情況發(fā)生。然后通過 $ 函數(shù)獲取瀏覽器窗口高度，以及頭部和底部的高度，最后計算出內(nèi)容區(qū)塊的高度并賦值給對應(yīng)的 div。

這樣，你就可以非常方便地通過 jQuery 控制 div 窗口高度了，讓你的網(wǎng)頁布局更加美觀、舒適。