jQuery是一個著名的JavaScript庫，廣泛應用于網頁前端開發。在Web頁面設計過程中，往往需要對圖片進行操作和處理，其中獲得圖片當前高度是一個很常見的需求。下面我們通過代碼演示，介紹如何使用jQuery獲得圖片的當前高度。

$(document).ready(function(){
var imgHeight = $("#pic").height();
console.log(imgHeight);
});

以上代碼使用了jQuery庫中的選擇器和height()方法，實現了獲取ID為“pic”的圖片的高度。當瀏覽器完成初始化后，代碼會自動執行，將獲取的圖片高度輸出到控制臺中。其中，$符號表示在jQuery庫中使用函數和屬性，"#pic"表示選擇ID為pic的元素，height()用于獲取元素的高度值。

需要注意的是，執行上述代碼時需要確保圖片已經加載完成。如果圖片還沒有加載完成，圖片的高度將不能正確獲取。下面是一種方法，可以保證代碼在圖片加載完成后才執行：

$(document).ready(function(){
var img = new Image();
img.src = $("#pic").attr("src");
img.onload = function(){
var imgHeight = $("#pic").height();
console.log(imgHeight);
}
});

以上代碼將創建一個圖片對象，然后加載圖像資源。在圖像資源加載完成時，將調用onload事件處理程序來獲取圖像的高度，并將其輸出到控制臺中。

通過上述代碼的演示，我們可以很容易地使用jQuery獲取圖片的高度，從而更好地管理和處理Web頁面中的圖像資源。