height

英 [haɪt]   美 [haɪt]  

n.身高;高度,海拔;高地;絕頂,頂點

jquery height()方法 語法

作用:height() 方法傳回或設定符合元素的高度。

傳回高度:傳回第一個符合元素的高度。如果不為此方法設定參數,則傳回以像素計的匹配元素的高度。

語法:$(selector).height()

#設定高度:設定所有符合元素的高度。

語法:$(selector).height(length)

參數:

參數說明
length    #可選。規定元素的高度。如果沒有規定長度單位,則使用預設的 px 單位。

使用函數設定高度:使用函數來設定所有符合元素的高度。

語法:$(selector).height(function(index,oldheight))

參數:

參數描述
function(index,oldheight)規定傳回被選元素新高度的函數。
index 可選。接受選擇器的 index 位置
oldvalue #可選。接受選擇器的目前值。

jquery height()方法 範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").height(50);
  });
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变高度</button>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#