jquery如何修改min-height樣式

今天小編給大家分享一下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>

jquery如何修改min-height樣式

方法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樣式

以上就是“jquery如何修改min-height樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創新互聯行業資訊頻道。

新聞名稱：jquery如何修改min-height樣式
文章URL：http://m.2m8n56k.cn/article26/pecjjg.html

成都網站建設公司_創新互聯，為您提供云服務器、網站收錄、網站維護、建站公司、響應式網站、電子商務

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

jquery如何修改min-height樣式