JQuery中怎么設(shè)置class

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

創(chuàng)新互聯(lián)成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務公司，擁有項目做網(wǎng)站、網(wǎng)站設(shè)計網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元南湖做網(wǎng)站,已為上家服務,為南湖各地企業(yè)和個人服務,聯(lián)系電話:18982081108

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

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

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

下面分別舉例說明：

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() 方法。該方法對被選元素進行添加/刪除類的切換操作：

$("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

效果圖：