jQueryのサイズアルゴリズム

私たちは皆、デフォルトで offsetWidth または offsetHeight を使用しますが、これら 2 つのサイズのアルゴリズムは次のとおりであることがわかっています:

offsetWidth =  border-left-width + padding-left + width + padding-right + border-right-width;  offsetHeight =  border-top-width + padding-top + height + padding-bottom + border-bottom-width;

box-sizing:padding-box を考慮しなければ、ほぼ同じです。しかし、サイズインターフェイスにも

innerWidth、innerHeight、outerWidth、outerHeight などの同様の処理があるのではないでしょうか?もちろん、サイズは揃っていますが、それでも差はあります。

innerWidth、innerHeight

は、一致するセット内の最初の要素の現在計算されている内部の幅と高さ (パディングを含むがボーダーは含まない) を取得するか、一致する各要素の内部の幅と高さを設定するために使用されます。

outerWidth、outerHeight

パディング、ボーダー、オプションのマージンを含む、要素コレクション内の最初の要素の現在計算された幅と高さの値を取得します

これらの状況を考慮して、jquery は対応する値を削除するメソッドを提供する必要があります、これは対応するaugmentWidthOrHeightメソッドです

計算方法を見てみましょう

innerWidth = ele.offsetWidth –ele.borderRightWidth –ele.borderLeftWidth innerHeight = ele.offseHeight –ele.borderTopHeight –ele.borderBottomHeight

outerWidthパラメータが渡されない場合、アルゴリズムはinnerWidthと同じです

outerWidth(true)が渡された場合、マージンを追加する必要があります

outerWidth(true) = ele.offsetWidth + ele.marginLeft + ele.marginRight outerHeigth(true) = ele.offsetHeigth + ele.marginTop + ele.marginBottom

jQuery6についてsizeメソッドのインターフェースアルゴリズムはこんな感じ

• PHPの小数点以下四捨五入方法（例付き）

• php-fpmの設定紹介

• PHPで重複データを削除する2つの例配列から

• PHP二次元配列重複排除のインスタンス分析

• PHP配列重複排除の関数コード例

• 値に基づいてKeyを取得するPHP配列の簡単な例

• asp登録コード

• aspページングプログラム

• 人文的なASP開発の基礎の紹介

• 画期的なASPテクノロジー

• phpの小数点以下四捨五入の方法（例付き）

• php-fの構成の紹介午後

• PHP で配列から重複データを削除する 2 つの例

• PHP の 2 次元配列重複排除の分析例

• PHP 配列重複排除関数のコード例

• PHP 配列がキーを取得する簡単な例

• 値

• asp登録コード

• aspページングプログラム

• 人文的なASP開発の基礎の紹介

🎜画期的なASPテクノロジー🎜🎜🎜

以上がjQueryのサイズアルゴリズムの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。