JQuery中怎么設(shè)置class

jQuery 擁有若干進(jìn)行 CSS 操作的方法，對于class的設(shè)置有如下方法：

創(chuàng)新互聯(lián)建站主營河源網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,手機APP定制開發(fā),河源h5重慶小程序開發(fā)公司搭建,河源網(wǎng)站營銷推廣歡迎河源等地區(qū)企業(yè)咨詢

addClass() - 向被選元素添加一個或多個類

removeClass() - 從被選元素刪除一個或多個類

toggleClass() - 對被選元素進(jìn)行添加/刪除類的切換操作

下面分別舉例說明：

1、下面的例子展示如何向不同的元素添加 class 屬性。

$("button").click(function(){

$("h1,h2,p").addClass("blue");

$("div").addClass("important");

});

2、下面的例子演示如何不同的元素中刪除指定的 class 屬性：

$("button").click(function(){

$("h1,h2,p").removeClass("blue");

});

3、下面的例子將展示如何使用 jQuery toggleClass() 方法。該方法對被選元素進(jìn)行添加/刪除類的切換操作：

$("button").click(function(){

$("h1,h2,p").toggleClass("blue");

});

如何用jquery添加class屬性

jQuery 屬性操作 - addClass() 方法

定義和用法

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

該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。

提示：如需添加多個類，請使用空格分隔類名。

語法

$(selector).addClass(class)

參數(shù) class ? ?

必需。規(guī)定一個或多個 class 名稱。 ?

實例

//向第一個?p?元素添加一個類：

$("button").click(function(){??$("p:first").addClass("intro");});

jquery中怎么增加class屬性

思路為用addClass() 方法變可實現(xiàn)。

jquery中增加class屬性步驟:

addClass() 方法：

定義和用法

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

該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$('p').addClass(function(n){

return?'par_'?+?n;

});

});

});

/script

style?type="text/css"

.par_0

{

color:blue;

}

.par_1

{

color:red;

}

/style

/head

效果圖：