Bagaimana untuk memadam atribut kelas dalam berbilang elemen dalam jquery

青灯夜游
Lepaskan: 2022-06-10 15:59:59
asal
2363 orang telah melayarinya

Kaedah pemadaman: 1. Gunakan pemilih kelas untuk mendapatkan berbilang elemen Sintaks "$(".nilai atribut kelas")" akan mengembalikan objek jQuery yang mengandungi berbilang elemen tertentu 2. Gunakan fungsi removeAttr(). boleh memadamkan atribut kelas pada objek elemen yang diperolehi, sintaksnya ialah "element object.removeAttr("class")".

Bagaimana untuk memadam atribut kelas dalam berbilang elemen dalam jquery

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

Kaedah Jquery untuk memadamkan atribut kelas dalam berbilang elemen

Idea pelaksanaan:

  • Penggunaan pemilih kelas kelas memperoleh berbilang elemen

$(".class属性值")
Salin selepas log masuk

dan akan mengembalikan objek jQuery yang mengandungi berbilang elemen tertentu

  • menggunakan kaedah removeAttr() Delete atribut kelas

元素对象.removeAttr("class")
Salin selepas log masuk

Kod pelaksanaan:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(".box").removeAttr("class");
				});
			});
		</script>
	</head>
	<body>

		<div class="box">测试元素</div>
		<p class="box">测试元素</p>
		<span class="box">测试元素</span>
		<div class="box">测试元素</div>
		<br>
		<button>删除多个元素中的class属性</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk memadam atribut kelas dalam berbilang elemen dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQueryvideo bahagian hadapan web

Atas ialah kandungan terperinci Bagaimana untuk memadam atribut kelas dalam berbilang elemen dalam jquery. 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