如何添加和刪除CSS類

這是我的div

<div id="messageContainer">

這是我的CSS類

#messageContainer{ 
    height:26px; 
    color:#FFFFFF;  
    BACKGROUND-COLOR: #6af; 
    VERTICAL-ALIGN: middle; 
    TEXT-ALIGN: center; 
    PADDING-TOP:6px; 
}

我想刪除默認的類和新css類

請幫忙;

來源

2010-01-31 Vicky

+ 1 ..小包它對我來說是新的..簡單的 – jjj 2010-01-31 07:23:18

可以接近它兩個方面。一，使用兩個類和字面上掉出來了對方：

.red { background: red } 
.green { background: green }

然後在jQuery的：

$("#messageContainer").attr('class','green'); // switch to green 
$("#messageContainer").attr('class','red'); // switch to red

或者您可以使用CSS以切換一個類：

#messageContainer { background: red } 
#messageContainer.green { background: green }

Then：

$("#messageContainer").toggleClass("green");

每當它被調用時，它都會改變背景。

來源

2010-01-31 07:20:39

嘗試在css類定義之前添加一段時間。

使用你上面的例子，你應該使用：

.messageContainer{ 
height:26px;  
color:#FFFFFF; 
BACKGROUND-COLOR: #6af; 
VERTICAL-ALIGN: middle; 
TEXT-ALIGN: center; 
PADDING-TOP:6px;  
}

來源

2010-01-31 07:17:22

它沒有解決問題.. !! – jjj 2010-01-31 07:25:08

給它一個鏡頭... – 2010-01-31 16:45:00

你面對的不是一類。您具有應用於ID元素的默認規則。因此，你應該只需要添加新的類：

$("#messageContainer").addClass("newRules");

未覆蓋可以與css()方法被覆蓋的任何規則：

$("#messageContainer").css({ 
    'font-weight':'bold', 
    'color':'#990000' 
}).addClass("newRules");

來源

2010-01-31 07:20:22 Sampson

應該是'addClass（「newRules」）;' - 沒有點。 – Kobi 2010-01-31 07:22:19

謝謝@Kobi。我似乎總是最初使用選擇器語法時寫一個類名:( – Sampson 2010-01-31 07:23:06

你沒有在你的例子中定義一個css類，你正在使用id的選擇器。

使用一個類你的代碼將是這樣的：

<div id="messageContainer" class="messageContainer"></div>

，並在樣式表或風格的標記之間你會

.messageContainer{ 
    height:26px; 
    color:#FFFFFF;  
    BACKGROUND-COLOR: #6af; 
    VERTICAL-ALIGN: middle; 
    TEXT-ALIGN: center; 
    PADDING-TOP:6px; 
}

然後，使用jQuery你可以做刪除該類

$('#messageContainer').removeClass('messageContainer');

來源

2010-01-31 07:20:58

對於IE10和最多使用這些方法：

// adds class "foo" to el 
el.classList.add("foo"); 

// removes class "foo" from el 
el.classList.remove("foo"); 

// toggles the class "foo" 
el.classList.toggle("foo");

來源

2017-04-29 09:38:06 JoeTidee

如何添加和刪除CSS類

回答

相關問題