這篇文章主要介紹了jquery如何給元素增加類(lèi)名的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇jquery如何給元素增加類(lèi)名文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

目前創(chuàng)新互聯(lián)建站已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、安溪網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

兩種增加方法：1、使用addClass()向被選元素添加一個(gè)或多個(gè)類(lèi)名，語(yǔ)法“$(selector).addClass("類(lèi)名列表")”，如需添加多個(gè)類(lèi)名，需要用空格分隔類(lèi)名。2、使用toggleClass()向被選元素增加類(lèi)名，語(yǔ)法“$(selector).toggleClass("類(lèi)名",true);”。

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

jquery給元素增加類(lèi)名的兩種方法

• 使用addClass()增加類(lèi)名

• 使用toggleClass()增加類(lèi)名

1、使用addClass()增加類(lèi)名

addClass() 方法向被選元素添加一個(gè)或多個(gè)類(lèi)。

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) class 屬性。

提示：如需添加多個(gè)類(lèi)，請(qǐng)使用空格分隔類(lèi)名。

$(selector).addClass(class)

示例：給p元素增加類(lèi)名“p2”

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("p").addClass("p2");
				});
			});
		
		
		
這是一個(gè)大標(biāo)題
		這是一個(gè)段落。

		這是另一個(gè)段落。

		給p元素增加類(lèi)名p2
	

2、使用toggleClass()增加類(lèi)名

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

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

$(selector).toggleClass(class,switch)

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

• switch ：可選參數(shù)，布爾值，規(guī)定是否僅僅添加（true）或移除（false）類(lèi)。

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("p").toggleClass("p2",true);
				});
			});
		
		
		
這是一個(gè)大標(biāo)題
		這是一個(gè)段落。

		這是另一個(gè)段落。

		給p元素增加類(lèi)名p2
	

關(guān)于“jquery如何給元素增加類(lèi)名”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“jquery如何給元素增加類(lèi)名”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。