jquery怎么修改display屬性

發(fā)布時間：2021-11-12 17:20:53 來源：億速云閱讀：687 作者：柒染欄目：web開發(fā)

jquery怎么修改display屬性，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

在jquery中，可以利用css()方法來修改display屬性，語法“$(selector).css("display","屬性值")”或“$(selector).css({"display":"屬性值"})”。

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

在jquery中，可以利用css()方法來修改display屬性。css() 方法可設(shè)置被選元素的一個或多個樣式屬性。

語法：

$(selector).css("propertyname","value");
$(selector).css({"propertyname":"value"});

示例：將div元素的display屬性設(shè)置none，讓div元素隱藏。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("div").css({"display":"none"});
	});
});
</script>
</head>
<body>

<div style="border: 1px solid red;">hello</div>
<br>
<button>點擊按鈕，修改display屬性</button>

</body>
</html>

jquery怎么修改display屬性

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。

向AI問一下細節(jié)

jquery怎么修改display屬性

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽