jq 獲取當前屏幕的各種高度和寬度

$(window).height(); //瀏覽器當前窗口可視區域高度
$(document).height(); //瀏覽器當前窗口文檔的高度
$(document.body).height();//瀏覽器當前窗口文檔body的高度
$(document.body).outerHeight(true);//瀏覽器當前窗口文檔body的總高度 包括border padding margin

$(window).width(); //瀏覽器當前窗口可視區域寬度
$(document).width();//瀏覽器當前窗口文檔對象寬度
$(document.body).width();//瀏覽器當前窗口文檔body的寬度
$(document.body).outerWidth(true);//瀏覽器當前窗口文檔body的總寬度 包括border padding margin

 

利用上面的內容，判斷屏幕大小，做響應處理

var windowWidth = $(window).width();
if(windowWidth < 1000){
    // do something
}
if(windowWidth >= 1000){
    // do something
}