這篇“jquery如何改變div的class屬性”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“jquery如何改變div的class屬性”文章吧。

創(chuàng)新互聯(lián)公司專注于青羊企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開(kāi)發(fā),商城網(wǎng)站定制開(kāi)發(fā)。青羊網(wǎng)站建設(shè)公司,為青羊等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

改變方法：1、使用“$("div").addClass("class屬性值")”語(yǔ)句；2、使用“$("div").attr("class","值")”語(yǔ)句；3、使用“$("div").removeClass("class屬性值")”語(yǔ)句。

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

jquery改變div的class屬性

方法1：使用addClass() 方法

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

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

示例：

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").addClass("intro");
				});
			});
		
		
			.intro {
				font-size: 120%;
				color: red;
			}
		
	

	
		
這是一個(gè)h2大標(biāo)題
		
這是一個(gè)div段落
		
這是一個(gè)p段落
		向div元素添加一個(gè)類
	

方法2：使用attr() 方法

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").attr("class","intro");
				});
			});
		
		
			.intro {
				font-size: 120%;
				color: pink;
			}
		
	

	
		
這是一個(gè)h2大標(biāo)題
		
這是一個(gè)div段落
		
這是一個(gè)p段落
		向div元素添加一個(gè)類
	

方法3：使用removeClass() 方法

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

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

示例：

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("div").removeClass("intro");
				});
			});
		
		
			.intro {
				font-size: 120%;
				color: pink;
			}
		
	

	
		
這是一個(gè)h2大標(biāo)題
		這是一個(gè)div段落