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!
