首頁 > 文章 > web前端 > jquery怎麼修改visibility屬性

jquery怎麼修改visibility屬性

青灯夜游原創: 2022-03-01 16:31:403529瀏覽

修改方法：1、使用css()方法，語法「$(selector).css("visibility","新值")」；2、使用attr()方法，語法「$(selector ).attr("style","visibility:新值;")」。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

visibility 屬性規定元素是否可見。可以設定的屬性值：

##visible#預設值。元素是可見的。 hidden元素是不可見的。 collapse當在表格元素中使用時，此值可刪除一行或一列，但它不會影響表格的佈局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上，則會呈現為 "hidden"。

值	描述

jquery修改visibility屬性

1、使用css()方法

$(selector).css("visibility","新值");

範例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").css("visibility","hidden");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: visible;">可见的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

jquery怎麼修改visibility屬性

#2、使用attr()方法

$(selector).attr("style","visibility:新值;")

範例：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
			  $("button").click(function(){
			    $("#box").attr("style","visibility:visible;");
			  });
			});
		</script>
<style></style>
	</head>

	<body>
		<p>可见的段落</p>
		<p id="box" style="visibility: hidden;">隐藏的段落</p>
		<p>可见的段落</p>
		<button>修改visibility属性</button>
	</body>

</html>

jquery怎麼修改visibility屬性

【推薦學習：

jQuery影片教學、web前端開發影片】

以上是jquery怎麼修改visibility屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery css

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery怎麼修改指定屬性的值下一篇：jquery怎麼修改指定屬性的值

看更多