jQueryのcss()とaddclass()の違いは何ですか?-フロントエンドQ&A-php.cn

jQueryのcss()とaddclass()の違いは何ですか?

青灯夜游

リリース： 2021-12-29 16:26:27

オリジナル

2379 人が閲覧しました

違い: 1. css() は addclass() よりも柔軟です。css() はスタイルの属性を簡単かつ動的に変更できます; 2. addClass() は、指定されたスタイルのスタイル値を取得できません。、css() はそれを取得できます; 3. css() によって設定されたスタイル属性は、addClass() よりも高い優先度を持ちます。

jQueryのcss()とaddclass()の違いは何ですか?

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

css() と addclass() の違い

##保守性:

. 本質addClass() の機能は、クラスクラスのスタイルルールを定義することによって、要素に 1 つ以上のクラスを追加することです。 CSS メソッドは、大量の JavaScript コードを使用して要素のスタイルを変更することです。

.addClass() を使用すると、同じ要素に統一ルールをバッチで設定できます。これは変更がより便利で、一律に変更および削除されます。 .css() メソッドを使用する場合、各要素を 1 つずつ変更する必要があることを指定する必要があり、将来のメンテナンスも 1 つずつ変更する必要があり、さらに面倒です

柔軟性:

.css() メソッドを使用すると、クラスルールを面倒に定義することなく、スタイルの属性を簡単に動的に変更できます。一般に、レイアウト規則が決まっていない場合、動的に生成された HTML コード構造は .css() メソッドによって処理されます。

スタイル値:

の本質.addClass() はクラスの追加と削除のみで、指定された style 属性の値は取得できませんが、.css() は指定された style 値を取得できます。

スタイルの優先順位:

CSS スタイルが優先されます。外部スタイル、内部スタイル、インラインスタイルの同じスタイルルールが同じ項目に同時に適用される場合、時間、要素、優先度は次のとおりです

外部样式 < 内部样式 < 内联样式

ログイン後にコピー

. addClass() メソッドはクラス名を追加することにより、このスタイルが最初に外部ファイルまたは内部スタイルで定義され、まで待機します。必要に応じて要素にアタッチします。
インラインスタイルは .css() メソッドを通じて処理され、要素の style 属性を通じて要素に直接アタッチされます

.css メソッドによって設定されたスタイル属性は、.addClass メソッドよりも高い優先順位を持ちます。

##概要 : #.addClass メソッドと .css メソッドには、それぞれ長所と短所があります。一般に、これらは静的な構造であり、どちらもレイアウトルールを決定します。統一クラスルールを追加するメソッド動的 HTML 構造の場合、ルールが不確実であるか頻繁に変更される場合は、一般に .css() メソッドが考慮されます。

関連ビデオチュートリアルの推奨事項:
jQuery チュートリアル

(ビデオ)

以上がjQueryのcss()とaddclass()の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。