jQuery-Größenalgorithmus

Wir alle verwenden standardmäßig offsetWidth oder offsetHeight, aber wir wissen, dass der Algorithmus für diese beiden Größen wie folgt lautet:

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 nicht berücksichtigen Als nächstes ist das alles . Aber verfügen die Größenschnittstellen nicht auch über eine ähnliche Verarbeitung wie

innerWidth, innerHeight, äußereWidth, äußereHeight? Obwohl sie alle die Größe erhalten, gibt es natürlich immer noch einen Unterschied.

innerWidth, innerHeight

werden verwendet, um die aktuell berechnete innere Breite und Höhe (einschließlich Polsterung, aber ohne Rand) des ersten Elements im passenden Satz zu erhalten oder um die innere Breite festzulegen und Höhe jedes passenden Elements Breite und Höhe.

OuterWidth, OuterHeight

Ermitteln Sie den aktuell berechneten Breiten- und Höhenwert des ersten Elements in der Elementsammlung, einschließlich Polsterung, Rahmen und optionalem Rand.

Für diese Situationen jquery Ich muss eine Methode zum Entfernen des entsprechenden Werts angeben. Dies ist die entsprechende augmentWidthOrHeight-Methode

Schauen wir uns an, wie man sie im Detail berechnet

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

outerWidth Wenn keine Parameter übergeben werden, dann Der Algorithmus ist derselbe wie innerWidth

Wenn Sie äußereWidth(true) übergeben, müssen Sie einen Rand hinzufügen

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

Der Schnittstellenalgorithmus für die sechs Größenmethoden von jQuery sieht folgendermaßen aus

• So runden Sie Dezimalzahlen in PHP (mit Beispielen)

• Einführung in die Konfiguration von PHP-FPM

• php Entfernt doppelte Daten aus Arrays. Zwei Beispiele für

• zweidimensionales PHP-ArrayBeispielanalyse der Deduplizierung

• PHP-Array-Deduplizierung Funktionscode-Beispiel

• Ein einfaches Beispiel dafür, wie ein PHP-Array den Schlüssel basierend auf dem Wert erhält

• ASP-Registrierungscode

• ASP-Paging-Programm

• Einführung in die Grundlagen der humanistischen ASP-Entwicklung

• Bahnbrechende ASP-Technologie

• PHP-Dezimalrundungsmethode (mit Beispielen)

• Einführung in die Konfiguration von PHP-FPM

• PHP entfernt doppelte Daten aus Arrays. Beispiele

• Instanzanalyse der zweidimensionalen PHP-Array-Deduplizierung

• Codebeispiel für die PHP-Array-Deduplizierungsfunktion

• Ein einfaches Beispiel dafür, wie ein PHP-Array den Schlüssel basierend auf dem Wert erhält

• ASP-Registrierungscode

• ASP-Paging-Programm

• Einführung in die Grundlagen der humanistischen ASP-Entwicklung

• Bahnbrechende ASP-Technologie

Das obige ist der detaillierte Inhalt vonjQuery-Größenalgorithmus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!