首頁 > web前端 > js教程 > jquery css怎麼設定高度

jquery css怎麼設定高度

藏色散人
發布: 2023-01-06 11:15:39
原創
1911 人瀏覽過

jquery css設定高度的方法是height方法,該方法能傳回或設定匹配元素的高度,其設定高度的語法如“$(selector).height(length)”,參數length規定元素的高度。

jquery css怎麼設定高度

本文操作環境: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 css怎麼設定高度

#推薦學習:《jquery影片教學

以上是jquery css怎麼設定高度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板