首頁  >  文章  >  web前端  >  jquery css怎麼設定高度

jquery css怎麼設定高度

藏色散人
藏色散人原創
2021-05-27 10:50:261877瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn