jquery height()方法
翻譯結果:
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>
#點擊 "執行實例" 按鈕查看線上實例