jquery addclassが機能しない場合の対処法

藏色散人
リリース: 2023-01-04 09:37:56
オリジナル
4186 人が閲覧しました

新しく追加したスタイルの優先順位が元のスタイルよりも低いため、jquery addclass が機能しません。解決策は、変更されたスタイルの記述を「.test .change{background:white;}」に変更することです。 。

jquery addclassが機能しない場合の対処法

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート