Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mengalih keluar kelas semasa dalam jquery

Bagaimana untuk mengalih keluar kelas semasa dalam jquery

青灯夜游
Lepaskan: 2021-11-16 15:41:34
asal
5778 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah removeClass() untuk mengalih keluar kelas semasa Kaedah ini boleh mengalih keluar satu atau lebih kelas daripada elemen yang dipilih ialah "$(selector).removeClass(class)". ; Jika parameter "kelas" diabaikan, semua kelas akan dialih keluar.

Bagaimana untuk mengalih keluar kelas semasa dalam jquery

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

Dalam jquery, anda boleh menggunakan kaedah removeClass() untuk mengalih keluar kelas semasa.

Kaedah removeClass() mengalih keluar satu atau lebih kelas daripada elemen yang dipilih Anda hanya perlu menentukan satu atau lebih nama kelas dalam removeClass().

Sintaks:

$(selector).removeClass(class)
Salin selepas log masuk
  • kelas: Parameter pilihan, menyatakan nama kelas yang akan dialih keluar.

    • Jika anda perlu mengalih keluar beberapa kelas, sila gunakan ruang untuk mengasingkan nama kelas.

    • Jika parameter ini tidak ditetapkan, semua kelas akan dialih keluar.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").removeClass("intro");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>

	<body>
		<h1 id="h1">一个大标题</h1>
		<p class="intro">一个小段落</p>

		<button>删除p段落中的intro类</button>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengalih keluar kelas semasa dalam jquery

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kelas semasa 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