溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹jquery中css如何設置高度，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
jquery css設置高度的方法是height方法，該方法能返回或設置匹配元素的高度，其設置高度的語法如“$(selector).height(length)”，參數(shù)length規(guī)定元素的高度。
本文操作環(huán)境：Windows7系統(tǒng)、jquery3.2.1&&css3版，DELL G3電腦
jQuery CSS 操作 - height() 方法
height() 方法返回或設置匹配元素的高度。
返回高度
返回第一個匹配元素的高度。
如果不為該方法設置參數(shù)，則返回以像素計的匹配元素的高度。
語法
$(selector).height()
設置高度
設置所有匹配元素的高度。
語法
$(selector).height(length)
參數(shù)
length
可選。規(guī)定元素的高度。
如果沒有規(guī)定長度單位，則使用默認的 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是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。
以上是“jquery中css如何設置高度”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
