JQuery是一種流行的JavaScript庫，可用于處理網頁開發中的許多任務。其中包括如何獲取屏幕可視區域的大小和位置。下面介紹如何使用JQuery編寫代碼來獲取屏幕可視區域。

$(document).ready(function(){
var viewportWidth = $(window).width();//獲取屏幕可視區域寬度
var viewportHeight = $(window).height();//獲取屏幕可視區域高度
var viewportTop = $(window).scrollTop();//獲取屏幕可視區域頂部坐標
var viewportBottom = viewportTop + viewportHeight;//獲取屏幕可視區域底部坐標
});

代碼解釋：

• 第一行：$(document).ready()函數用于在文檔加載完成后運行一些JavaScript代碼。
• 第二行：$(window).width()函數用于獲取屏幕可視區域的寬度。
• 第三行：$(window).height()函數用于獲取屏幕可視區域的高度。
• 第四行：$(window).scrollTop()函數用于獲取屏幕可視區域頂部距離文檔頂部的距離。
• 第五行：通過將屏幕可視區域的頂部坐標和高度相加來獲取屏幕可視區域的底部坐標。

通過上述代碼，我們可以獲取到屏幕可視區域的寬度、高度和位置信息，從而可以在開發過程中更好地控制頁面元素的位置和大小。