jqueryattr()如何顯示隱藏元素

本篇內容主要講解“jquery attr()如何顯示隱藏元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“jquery attr()如何顯示隱藏元素”吧!

創(chuàng)新互聯(lián)公司專注于三沙企業(yè)網(wǎng)站建設,響應式網(wǎng)站開發(fā),商城網(wǎng)站制作。三沙網(wǎng)站建設公司,為三沙等地區(qū)提供建站服務。全流程定制開發(fā)，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務

attr()顯示和隱藏元素的方法：1、使用“$("元素").attr("style","display:block");”語句顯示元素；2、使用“$("元素").attr("style","display:none");”語句隱藏元素。

jquery attr()如何顯示隱藏元素

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

在jquery中，可以利用attr()方法給元素的styles屬性添加display樣式來顯示或隱藏元素。

display:block可顯示元素
display:none可隱藏元素

實現(xiàn)代碼：

<!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() {
				$("#but1").click(function() {
					$("div").attr("style","display: none;");
				});
				$("#but2").click(function() {
					$("div").attr("style","display: block;");
				});
			});
		</script>
		<style>
			div{
				margin: 10px 0;
			}
		</style>
	</head>
	<body>
		<div>hello</div>
		<div>歡迎來到創(chuàng)新互聯(lián)！</div>
		<button id="but1">隱藏元素</button> <button id="but2">顯示元素</button>
	</body>
</html>

jquery attr()如何顯示隱藏元素

到此，相信大家對“jquery attr()如何顯示隱藏元素”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)頁標題：jqueryattr()如何顯示隱藏元素
當前網(wǎng)址：http://bm7419.com/article0/ipodoo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、響應式網(wǎng)站、自適應網(wǎng)站、虛擬主機、靜態(tài)網(wǎng)站、服務器托管

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

猜你還喜歡下面的內容