Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengalih keluar berbilang kelas dalam jquery

Bagaimana untuk mengalih keluar berbilang kelas dalam jquery

青灯夜游
青灯夜游asal
2022-04-27 18:30:045381semak imbas

Dalam jquery, anda boleh menggunakan kaedah removeClass() untuk mengalih keluar berbilang kelas Anda hanya perlu menghantar nama kelas sebagai parameter kepada kaedah itu ialah "$(selector).removeClass("class name List ")", berbilang nama kelas dipisahkan oleh ruang jika parameter ditinggalkan, semua kelas akan dialih keluar.

Bagaimana untuk mengalih keluar berbilang kelas 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 berbilang kelas.

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

Sintaks:

$(selector).removeClass(class)
Parameter Penerangan
kelas
参数 描述
class

可选。规定要移除的 class 的名称。

如需移除若干类,请使用空格来分隔类名。

如果不设置该参数,则会移除所有类。

Pilihan. Menentukan nama kelas yang akan dialih keluar.

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

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

Jika kaedah removeClass() tidak menyatakan parameter, kaedah ini akan mengalih keluar semua kelas daripada elemen yang dipilih.
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("p").removeClass("intro1 intro2");
            })
        })
    </script>
		<style type="text/css">
			.intro1 {
				font-size: 120%;
			}
			.intro2 {
				color: red;
			}
			.intro3 {
				background-color:pink;
			}
		</style>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p class="intro1 intro2 intro3">一个p段落</p>
		<p>另一个p段落</p>
		<button>从第一个p元素中删除多个class</button>
	</body>
</html>

Bagaimana untuk mengalih keluar berbilang kelas dalam jqueryContoh 1: Alih keluar berbilang kelas

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
                $("p").removeClass();
            })
        })
    </script>
		<style type="text/css">
			.intro1 {
				font-size: 120%;
			}
			.intro2 {
				color: red;
			}
			.intro3 {
				background-color:pink;
			}
		</style>
	</head>
	<body>
		<h1>一个大标题</h1>
		<p class="intro1 intro2 intro3">一个p段落</p>
		<p>另一个p段落</p>
		<button>从第一个p元素中删除多个class</button>
	</body>
</html>

Bagaimana untuk mengalih keluar berbilang kelas dalam jqueryContoh 2: Alih keluar semua kelas

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

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