jquery中如何刪除一個(gè)類(lèi)

本文小編為大家詳細(xì)介紹“jquery中如何刪除一個(gè)類(lèi)”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“jquery中如何刪除一個(gè)類(lèi)”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

成都創(chuàng)新互聯(lián)專(zhuān)業(yè)提供四川移動(dòng)機(jī)房托管服務(wù)，為用戶提供五星數(shù)據(jù)中心、電信、雙線接入解決方案，用戶可自行在線購(gòu)買(mǎi)四川移動(dòng)機(jī)房托管服務(wù)，并享受7*24小時(shí)金牌售后服務(wù)。

方法：1、用removeClass()，可從元素移除指定類(lèi)，語(yǔ)法“指定元素.removeClass("類(lèi)名")”，若省略參數(shù)，可刪除所有類(lèi)；2、用toggleClass()，語(yǔ)法“指定元素.toggleClass("類(lèi)名",false)”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery中刪除一個(gè)類(lèi)的方法

方法1：使用removeClass()

removeClass() 方法從被選元素移除一個(gè)或多個(gè)類(lèi)。

$(selector).removeClass("類(lèi)名")

如果沒(méi)有規(guī)定參數(shù)，則該方法將從被選元素中刪除所有類(lèi)。

示例：移除 p元素的 "intro" 類(lèi)：

<!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>

		<h2>這是一個(gè)標(biāo)題</h2>
		<p class="intro">這是一個(gè)段落。</p>
		<p class="intro">這是另一個(gè)段落。</p>
		<button>移除所有P元素的"intro"類(lèi)</button>

	</body>
</html>

jquery中如何刪除一個(gè)類(lèi)

方法2：使用toggleClass()

toggleClass() 方法對(duì)添加和移除被選元素的一個(gè)或多個(gè)類(lèi)進(jìn)行切換。

該方法檢查每個(gè)元素中指定的類(lèi)。如果不存在則添加類(lèi)，如果已設(shè)置則刪除之。這就是所謂的切換效果。

然而，通過(guò)使用 "switch" 參數(shù)，您能夠規(guī)定只刪除或只添加類(lèi)。

$(selector).toggleClass(classname,switch)

參數(shù)	描述
classname	必需。規(guī)定添加或移除的一個(gè)或多個(gè)類(lèi)名。如需規(guī)定若干個(gè)類(lèi)，請(qǐng)使用空格分隔類(lèi)名。
function(index,currentclass)	可選。規(guī)定返回需要添加/刪除的一個(gè)或多個(gè)類(lèi)名的函數(shù)。 index - 返回集合中元素的 index 位置。 currentclass - 返回被選元素的當(dāng)前類(lèi)名。
switch	可選。布爾值，規(guī)定是否僅僅添加（true）或移除（false）類(lèi)。

示例：

<!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>

		<h2>這是一個(gè)標(biāo)題</h2>
		<p class="intro">這是一個(gè)段落。</p>
		<p class="intro">這是另一個(gè)段落。</p>
		<button>移除所有P元素的"intro"類(lèi)</button>

	</body>
</html>

jquery中如何刪除一個(gè)類(lèi)

讀到這里，這篇“jquery中如何刪除一個(gè)類(lèi)”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章題目：jquery中如何刪除一個(gè)類(lèi)
鏈接地址：http://jinyejixie.com/article12/ppsggc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、小程序開(kāi)發(fā)、外貿(mào)建站、網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、定制開(kāi)發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery中如何刪除一個(gè)類(lèi)