Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery

青灯夜游

Lepaskan： 2022-03-24 17:11:59

asal

3336 orang telah melayarinya

Kaedah: 1. Gunakan attr(), sintaksnya ialah "element object.attr("hidden", value)"; 2. Gunakan prop(), sintaksnya ialah "element object.prop("hidden ", value) "; 3. Gunakan removeAttr(), sintaksnya ialah "element.removeAttr("tersembunyi"".

Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

atribut tersembunyi menyatakan bahawa elemen itu tersembunyi. Elemen tersembunyi tidak akan dipaparkan. Jika atribut ini digunakan, elemen akan disembunyikan.

jquery mengubah suai atribut tersembunyi

1. Gunakan atribut attr() untuk menetapkan nilai atribut tersembunyi

<!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(){
					$("div").attr("hidden",false);
				});
			});
		</script>
	</head>
	<body>
		<p>测试文字-p元素</p>
		<div hidden>测试文字-div元素</div>
		<p>测试文字-p元素</p>
		<button>修改hidden属性 </button>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery

2 Gunakan atribut prop() untuk menetapkan nilai atribut tersembunyi

<!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(){
					$("div").prop("hidden",false);
				});
			});
		</script>
	</head>
	<body>
		<p>测试文字-p元素</p>
		<div hidden>测试文字-div元素</div>
		<p>测试文字-p元素</p>
		<button>修改hidden属性 </button>
	</body>
</html>

Salin selepas log masuk

Kesan operasi adalah sama dengan kaedah 1

3 Gunakan atribut removeAttr() untuk memadamkan atribut tersembunyi

<!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(){
					$("div").removeAttr("hidden");
				});
			});
		</script>
	</head>
	<body>
		<p>测试文字-p元素</p>
		<div hidden>测试文字-div元素</div>
		<p>测试文字-p元素</p>
		<button>修改hidden属性 </button>
	</body>
</html>

Salin selepas log masuk

Kesan operasi adalah sama seperti. kaedah 1

[Pembelajaran yang disyorkan: tutorial video jQuery , video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!