最近在使用jquery的過程中，遇到了一個很奇怪的問題：設(shè)置css樣式無效。

$('.test').css('color', 'red');

我嘗試了很多種方法，例如在css文件中添加!important，或是使用原生js的樣式設(shè)置方法，但都無法解決這個問題。

后來我發(fā)現(xiàn)，是因為我的jQuery代碼是在DOM沒有完全加載完成時就執(zhí)行了，從而導致了css設(shè)置無效。

$(document).ready(function(){
$('.test').css('color', 'red'); 
});

通過使用document.ready方法，保證了DOM加載完成后再執(zhí)行代碼，問題得到了解決。

所以在使用jQuery進行樣式設(shè)置時，一定要注意DOM的加載狀態(tài)，以免出現(xiàn)類似這樣的問題。