jquery addclass不起作用怎麼辦

jquery addclass不起作用是因為新添加的樣式的優先權比起原先的樣式低，其解決辦法就是將改變的樣式寫法改為“.test .change{background: white;}”即可。

本教學操作環境：windows7系統、jquery1.2.6版本，DELL G3電腦，此方法適用於所有品牌電腦。

推薦：jquery影片教學

使用jquery的addClass方法後，樣式已經成功添加，但還是沒有效果，是因為新加入的樣式的優先權比起原先的樣式低所致。

例如，原先樣式如下

.test div{
width: 100px;
height: 100px;
background: black;
}

改變的樣式如下：

.change{
background: white;
}

像這種原先樣式帶有父級的，對.test容器裡的div直接使用addClass("change")語句是沒效果的，因為change樣式優先權低於原先的樣式，可以採用如下方法:

將改變的樣式寫法改為：

.test .change{
background: white;
}

或者改為：

.change{
background: white!important;
}

這時對.test容器裡的div使用addClass("change")語句就有效了

以上是jquery addclass不起作用怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！