JQuery是一個JavaScript庫，用于簡化HTML文檔的遍歷、操作和事件處理等操作。使用JQuery讀取元素的高度寬度可以方便我們在頁面中動態地獲取與設置元素的寬高信息，讓頁面的布局更加靈活。

//讀取元素的高度
var height= $('#example').height(); 
//讀取元素的寬度
var width= $('#example').width();

在上述代碼中，我們使用了JQuery提供的height和width方法來獲取元素的高度和寬度信息。

需要注意的是，這兩個方法獲取的尺寸信息單位為像素（px），而不是百分比或其他單位。

在實際開發中，我們可以根據元素的高度或寬度設置相應的樣式，例如自適應布局、響應式設計等。

通過JQuery讀取元素的高度寬度，可以幫助我們更好地控制網頁的視覺效果，讓頁面呈現出更好的用戶體驗。