Rumah > Artikel > hujung hadapan web > Bagaimana untuk memadam kelas dalam jquery

Bagaimana untuk memadam kelas dalam jquery

青灯夜游asal: 2022-04-21 18:47:222784semak imbas

Kaedah: 1. Gunakan removeClass() untuk mengalih keluar kelas yang ditentukan daripada elemen ; 2. Gunakan toggleClass (), sintaks "specify element.toggleClass("class name",false)".

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

Kaedah untuk memadam kelas dalam jquery

Kaedah 1: Gunakan removeClass()

Kaedah removeClass() mengalih keluar satu atau lebih kelas daripada elemen yang dipilih.

$(selector).removeClass("类名")

Jika tiada parameter dinyatakan, kaedah ini akan mengalih keluar semua kelas daripada elemen yang dipilih.

Contoh: Alih keluar kelas "intro" elemen p:

<!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(){
					$("p").removeClass("intro");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<p class="intro">这是一个段落。</p>
		<p class="intro">这是另一个段落。</p>
		<button>移除所有P元素的"intro"类</button>

	</body>
</html>

Bagaimana untuk memadam kelas dalam jquery

Kaedah 2: Gunakan toggleClass()

toggleClass() bertukar antara menambah dan mengalih keluar satu atau lebih kelas elemen yang dipilih.

Kaedah ini menyemak kelas yang ditentukan dalam setiap elemen. Menambah kelas jika ia tidak wujud, atau mengalih keluarnya jika ia ditetapkan. Ini dipanggil kesan togol.

Walau bagaimanapun, dengan menggunakan parameter "suis", anda boleh menentukan bahawa hanya kelas akan dialih keluar atau hanya ditambah.

$(selector).toggleClass(classname,switch)

参数	描述
classname	必需。规定添加或移除的一个或多个类名。如需规定若干个类，请使用空格分隔类名。
function(index,currentclass)	可选。规定返回需要添加/删除的一个或多个类名的函数。 index - 返回集合中元素的 index 位置。 currentclass - 返回被选元素的当前类名。
switch	可选。布尔值，规定是否仅仅添加（true）或移除（false）类。

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(){
					$("p").toggleClass("intro",false);
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>
	</head>
	<body>

		<h1>这是一个标题</h1>
		<p class="intro">这是一个段落。</p>
		<p class="intro">这是另一个段落。</p>
		<button>移除所有P元素的"intro"类</button>

	</body>
</html>

Bagaimana untuk memadam kelas dalam jquery

[Pembelajaran yang disyorkan:

tutorial video jQuery,Video bahagian hadapan web】

Atas ialah kandungan terperinci Bagaimana untuk memadam kelas dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery switch function

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：Bagaimana untuk memadam kelas subset dalam jqueryArtikel seterusnya：Bagaimana untuk memadam kelas subset dalam jquery

Artikel berkaitan

Lihat lagi