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;
}

この元のスタイルを親と同様に、div に直接使用します.test コンテナ内 変更スタイルの優先順位が元のスタイルよりも低いため、addClass("change") ステートメントは効果がありません。次のメソッドを使用できます:

変更されたスタイルの書き込みを変更します:

.test .change{
background: white;
}

または次のように変更します:

.change{
background: white!important;
}

現時点では、.test コンテナの div で addClass("change") ステートメントを使用すると効果的です

以上がjquery addclassが機能しない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。