Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery

Bagaimana untuk mengubah suai atribut tersembunyi dalam jquery

青灯夜游
青灯夜游asal
2022-03-11 15:45:543384semak imbas

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>

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>

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>

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah kitaran hayat vueArtikel seterusnya:Apakah kitaran hayat vue