JQuery中怎么設(shè)置class

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

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

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

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

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

下面分別舉例說(shuō)明：

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

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

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

});

如何用jquery添加class屬性

jQuery 屬性操作 - addClass() 方法

定義和用法

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

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

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

語(yǔ)法

$(selector).addClass(class)

參數(shù) class ? ?

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

實(shí)例

//向第一個(gè)?p?元素添加一個(gè)類：

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

jquery中怎么增加class屬性

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

jquery中增加class屬性步驟:

addClass() 方法：

定義和用法

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

該方法不會(huì)移除已存在的 class 屬性，僅僅添加一個(gè)或多個(gè) 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

效果圖：

網(wǎng)站名稱：jquery添加class,jQuery添加css
URL網(wǎng)址：http://chinadenli.net/article24/dsgiije.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、微信公眾號(hào)、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站制作

廣告

聲明：本網(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)