今天小編給大家分享一下jquery如何修改min-height樣式的相關知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
站在用戶的角度思考問題,與客戶深入溝通,找到新洲網(wǎng)站設計與新洲網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬主機、企業(yè)郵箱。業(yè)務覆蓋新洲地區(qū)。
修改方法:1、用css()設置新樣式,語法“$(元素).css("min-height","新值")”;2、用attr(),通過設置style屬性來添加新樣式,語法“$(元素).attr("style","min-height:新值")”。

本教程操作環(huán)境:windows7系統(tǒng)、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屬性,添加新的行內(nèi)樣式來覆蓋舊樣式。
示例:
<!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樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞名稱:jquery如何修改min-height樣式
文章URL:http://www.chinadenli.net/article26/pecjjg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供云服務器、網(wǎng)站收錄、網(wǎng)站維護、建站公司、響應式網(wǎng)站、電子商務
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)