jquery如何實現占位置隱藏元素

本篇內容介紹了“jquery如何實現占位置隱藏元素”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

專注于為中小企業(yè)提供網站制作、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)汕城免費做網站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯網行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網站建設實現規(guī)模擴充和轉變。

實現方法：1、用css()給元素添加visibility樣式，設置不可見，語法“元素對象.css('visibility','hidden');”；2、用css()將元素的透明度設置為0，語法“元素對象.css('opacity',0)”。

jquery如何實現占位置隱藏元素

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

實現占位置隱藏元素可以兩種方法：

給元素添加visibility: hidden;樣式
給元素添加opacity: 0樣式

在jquery中，可以使用css()方法來實現上面的效果：

1、使用css()給元素添加visibility樣式，設置不可見

<!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() {
					$(".visibility").css("visibility","hidden");
				});
			});
		</script>
	</head>
	<body>
		<div>正常顯示元素</div>
		<div class="visibility">隱藏元素</div>
		<div>正常顯示元素</div>
		<br>
		<button>占位置隱藏元素</button>

	</body>
</html>

jquery如何實現占位置隱藏元素

說明：

visibility 屬性規(guī)定元素是否可見。

這個屬性指定是否顯示一個元素生成的元素框。這意味著元素仍占據其本來的空間，不過可以完全不可見。值 collapse 在表中用于從表布局中刪除列或行。

方法2：使用css()將元素的透明度設置為0

<!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() {
					$(".opacity").css('opacity',0);
				});
			});
		</script>
	</head>
	<body>
		<div>正常顯示元素</div>
		<div class="opacity">隱藏元素</div>
		<div>正常顯示元素</div>
		<br>
		<button>占位置隱藏元素</button>

	</body>
</html>

jquery如何實現占位置隱藏元素

說明：

opacity 屬性的意思是設置一個元素的透明度。它不是為改變元素的邊界框（bounding box）而設計的。

這意味著將 opacity 設為 0 只能從視覺上隱藏元素。而元素本身依然占據它自己的位置并對網頁的布局起作用。這和上面的visibility: hidden 相似。

“jquery如何實現占位置隱藏元素”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯網站，小編將為大家輸出更多高質量的實用文章！

網站名稱：jquery如何實現占位置隱藏元素
URL鏈接：http://jinyejixie.com/article32/posgsc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站改版、定制網站、網頁設計公司、小程序開發(fā)、建站公司、網站營銷

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

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery如何實現占位置隱藏元素