cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar atribut kelas dalam jquery

Bagaimana untuk mengalih keluar atribut kelas dalam jquery

青灯夜游
青灯夜游asal
2021-11-25 10:17:406008semak imbas

Kaedah: 1. Gunakan attr() untuk menetapkan nilai atribut kelas kepada kosong, menggunakan sintaks "$(selector).attr("class","")" 2. Gunakan removeAttr( ) untuk mengalih keluar Atribut kelas, sintaks "$(selector).removeAttr("class")".

Bagaimana untuk mengalih keluar atribut kelas dalam jquery

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

Terdapat dua cara untuk mengalih keluar atribut kelas dalam jquery:

  • Gunakan attr() untuk menukar nilai daripada atribut kelas dalam elemen Tetapkan kepada mengosongkan

    Sintaks: $(selector).attr("class","")

  • Gunakan removeAttr() untuk mengalih keluar atribut kelas dalam elemen

    Sintaks: $(selector).removeAttr("class")

Contoh:

<!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() {
					$(".box1").attr("class", "");
					$(".box2").removeAttr("class");
				});
			});
		</script>
		<style>
			div {
				border: 1px solid red;
				margin: 10px;
			}

			.box1 {
				background-color: #FFC0CB;
			}

			.box2 {
				background-color: green;
				color: white;
			}
		</style>
	</head>
	<body>

		<div class="box1">测试文本</div>
		<div class="box2">测试文本</div>
		<br>
		<button>去掉class属性</button>

	</body>
</html>

Bagaimana untuk mengalih keluar atribut kelas dalam jquery

Cadangan tutorial video berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar atribut kelas 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：Fahami secara ringkas modul Penampan dalam Node.jsArtikel seterusnya：Fahami secara ringkas modul Penampan dalam Node.js

Artikel berkaitan

Lihat lagi