jqueryはスタイルをdom要素に追加しますが、addClassを使用しても効果がありません

間違い：

jquery はクラス スタイルを dom 要素に追加します。addClass を使用してスタイルを追加しても有効になりません。スタイルを追加するために css() を使用した場合のみ有効になります。

$("#id").addClass("checkColor"); は有効になりません

$("#id").css("background","#0F8100") に変更して有効にします。

理由：

スタイルの優先度の問題 親スタイルの優先度が後から設定されたスタイルの優先度よりも高いため、優先度の高いスタイルが描画されます。

解決策: 追加されたクラスのスタイルの優先順位を高める必要があります。

!重要、この機能は、指定されたスタイル ルールの適用優先​​度 (優先度) を上げることです。

以下に示すように:

.checkColor{     色: 白;     背景: #0F8100 !重要; }