溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下jquery如何修改min-height樣式的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
修改方法：1、用css()設置新樣式，語法“$(元素).css("min-height","新值")”；2、用attr()，通過設置style屬性來添加新樣式，語法“$(元素).attr("style","min-height:新值")”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
min-height 屬性用于設置元素的最低高度。該屬性不包括填充，邊框，或頁邊距！
那么使用jquery怎么修改min-height樣式？
在jquery中，支持多種方式修改min-height樣式，下面給大家介紹一下。
方法1：使用css()方法
css() 方法返回或設置匹配的元素的一個或多個樣式屬性。
利用css() 方法直接給min-height屬性添加新值，設置新樣式即可。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").css("min-height","100px");
});
});
</script>
<style>
p{
min-height:50px;
border: 1px solid green;
}
</style>
</head>
<body>
<p>這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。</p>
<button>修改min-height樣式</button>
</body>
方法2：利用attr()方法
attr() 方法設置或返回被選元素的屬性值。
可利用該方法設置style屬性，添加新的行內樣式來覆蓋舊樣式。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").attr("style","min-height:100px");
});
});
</script>
<style>
p{
min-height:50px;
border: 1px solid green;
}
</style>
</head>
<body>
<p>這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。這是一個段落。</p>
<button>修改min-height樣式</button>
</body>
以上就是“jquery如何修改min-height樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
