jquery css設定高度的方法是height方法,該方法能傳回或設定匹配元素的高度,其設定高度的語法如“$(selector).height(length)”,參數length規定元素的高度。
本文操作環境:Windows7系統、jquery3.2.1&&css3版,DELL G3電腦
jQuery CSS 操作- height()方法
height() 方法傳回或設定符合元素的高度。
傳回高度
傳回第一個符合元素的高度。
如果不為此方法設定參數,則傳回以像素計的匹配元素的高度。
語法
$(selector).height()
設定高度
設定所有符合元素的高度。
語法
$(selector).height(length)
參數
length
可選。規定元素的高度。
如果沒有規定長度單位,則使用預設的 px 單位。
範例:
<html> <head> <script type="text/javascript" src="/jquery/jquery.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>
效果截圖:
#推薦學習:《jquery影片教學》
以上是jquery css怎麼設定高度的詳細內容。更多資訊請關注PHP中文網其他相關文章!