jquery使用css函數設置背景色無效解決辦法

外部的css樣式為：

#imageArea{
    width: 200px;
    height: 300px;
    background-color: #eee !important;
}

通過 以下代碼來修改其背景色是無效的

$("#imageArea").css("background-color", "#444444")
$("#imageArea").css("background-color","#444444 !important");

查閱資料得要想修改 div 的背景色（其他樣式也一樣），可以通過如下這種方式：

$("#imageArea").css("cssText", "background-color:#444444!important");

如需修改多個樣式，可以使用以下方法：

$("#imageArea").css("cssText", "height:480px !important; overflow:scroll !important");

 

備注：
cssText 屬性，會把先前的 css 值全部給覆蓋掉，為了保留先前其他的樣式，可以把現有樣式賦值給cssText，像比如要保留width屬性，當然cssText也可以鏈式設置樣式：

var cssText = $("#imageArea").attr("style") + ";width:200px !important;";
$("#imageArea").css("cssText": cssText);

其他更多cssText應用請參考cssTex資料
原文鏈接：https://blog.csdn.net/kirinlau/article/details/87696436