Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengalih keluar atribut html5 dalam jq

Bagaimana untuk mengalih keluar atribut html5 dalam jq

青灯夜游
Lepaskan: 2022-07-29 18:06:27
asal
2128 orang telah melayarinya

Langkah untuk mengalih keluar atribut html5 dengan jquery: 1. Gunakan pemilih jquery untuk memilih elemen html5 yang ditentukan Sintaks "$(selector)" akan mengembalikan objek jquery yang mengandungi elemen yang ditentukan () fungsi Alih keluar atribut yang ditentukan bagi objek elemen, sintaksnya ialah "objek elemen.removeAttr("nama atribut").

Bagaimana untuk mengalih keluar atribut html5 dalam jq

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

atribut HTML5

atribut boleh memberikan beberapa maklumat tambahan untuk teg HTML atau mengubah suai teg HTML. Atribut perlu ditambahkan dalam teg permulaan dan format sintaks ialah:

attr="value"
Salin selepas log masuk

attr mewakili nama atribut dan nilai mewakili nilai atribut. Nilai atribut mesti dikelilingi oleh petikan berganda " " atau petikan tunggal ' '.

<input type="text" id="username" />
Salin selepas log masuk

jenis dan id ialah atribut.

Bagaimana untuk mengalih keluar atribut html5 dalam jq?

Dalam jquery, anda boleh menggunakan removeAttr() untuk memadamkan atribut.

kaedah removeAttr() boleh mengalih keluar atribut yang ditentukan daripada elemen html yang dipilih.

Sintaks:

$(selector).removeAttr(attribute)
Salin selepas log masuk
参数描述
attribute必需。规定从指定元素中移除的属性。

Contoh: Gunakan removeAttr() untuk memadamkan atribut tersembunyi

Atribut tersembunyi menentukan bahawa elemen tersembunyi. Elemen tersembunyi tidak akan dipaparkan.

Padamkan atribut ini untuk membenarkan elemen dipaparkan.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("p").removeAttr("hidden");
				})
			})
		</script>
	</head>
	<body>
		<p>这是一段可见的段落。</p>
		<p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p>
		<p>这是一段可见的段落。</p>
		<button>删除hidden属性</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengalih keluar atribut html5 dalam jq

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar atribut html5 dalam jq. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan