帶有示例的 jQuery height（）

jQuery 中的 height() 方法用於設定或返回選定元素的高度。其中不包括內邊距、邊框或外邊距。

語法

語法如下 −

$(selector).height()
$(selector).height(val)

上述第 2 個語法中的 Val 用於指定 px、em、pt 等單位的高度。

示例

我們現在來看看一個實現 jQuery height() 方法的示例−

——即時演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         document.getElementById("demo").innerHTML = "<br>Height of DIV = " + $("div").height()
      });
   });
</script>
</head>
<body>
<h2>Rectangular Box</h2>
<div style="height:200px;width:500px;padding:30px;margin:1px;background-color:blue;"></div><br>
<button>Height of div</button>
<p id="demo"></p>
</body>
</html>