ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでスタイル属性を追加する優先方法を共有する

jQueryでスタイル属性を追加する優先方法を共有する

小云云
小云云オリジナル
2018-01-10 10:24:101289ブラウズ

この記事では主に、jQuery でスタイル属性を追加するための優先的な方法 (推奨) を紹介します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

jQuery クラスに複数の属性を追加する

$('#five .a')
.css({
  color:'blue',
  border:'2px solid green',
  background:'blue'
});

jQuer は要素にクラスを追加します

$('#five .a')
.addClass('funny');

HTML コード

 <style>
.funny{
  font-size: 21px;
  background-color: gray ;
  padding: 10px;
  color: yellow ;
}
 </style>
<p id="five">
  <p class="a">A</p>
</p>

jQuery クラスに複数の属性を追加するレンダリング効果がインライン スタイルとして表示されることがわかります。 。

jQuer によって要素に追加されたクラスには、インライン スタイルとしての優先度は高くありません。

レンダリング効果には、面白い background-color: grey および color: yellow; が存在しないことがわかります。

関連する推奨事項;

ネイティブJavaScriptで各種CSSスタイル属性を取得する方法まとめ

jQuery スタイル属性の優先順位を追加

HTMLの基礎(5) - CSSスタイルシートのスタイル属性フォーマットとレイアウト

以上がjQueryでスタイル属性を追加する優先方法を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。