Vergleich der Methoden und Unterschiede zwischen Js und Jq zum Erhalten von Seitenelementwerten_jquery

Sowohl JS als auch Jquery können die Breite, Höhe und relative Verschiebung von Seitenelementen ermitteln. Können sie konvertiert oder durcheinander ersetzt werden? In diesem Artikel wird es Ihnen ausführlich vorgestellt.

1.Js erhält Browserhöhe und -breite

document.documentElement.clientWidth ==> Breite des im Browser sichtbaren Bereichs
document.documentElement.clientHeight ==> Höhe des im Browser sichtbaren Bereichs
document.body.clientWidth ==> BODY-Objektbreite
document.body.clientHeight ==> BODY-Objekthöhe

Jq erhält Browserhöhe und -breite

$(window).width() ==> Breite des im Browser sichtbaren Bereichs
$(window).height() ==> Höhe des im Browser sichtbaren Bereichs
$(document).height() ==> Höhe des Seitendokuments
$(document.body).height() ==> BODY-Objekthöhe

2.Js ermittelt die Höhe und Breite des Objekts

obj.width = obj.style.width
obj.clientWidth = width padding ==> Ermittelt die Breite des Elements einschließlich des inneren Randes (Padding)
obj.offsetHeight = height padding border ==> Ermittelt die Höhe des Elements einschließlich Innenrand (Padding) und Rand (Rand)

Jq ermittelt die Höhe und Breite des Objekts

obj.innerWidth() ==> Ermittelt die Breite des Elements einschließlich des inneren Randes (Auffüllung),
obj.outerWidth() ==> Ermitteln Sie die Elementbreite einschließlich der inneren Grenze (Padding) und des Randes (Border)
obj.outerWidth(true) ==> Ermitteln Sie die Breite des Elements einschließlich des äußeren Rands (Rand)
Das gleiche Element w sollte sein: width()<=innerWidth()<=outerWidth()<=outerWidth(true);

3.Js Ermitteln Sie die relative Höhe und Breite des Objekts

obj.offsetLeft ==> Das Element ist relativ zum übergeordneten Element links
obj.offsettop ==> Die Oberseite
des Elements relativ zum übergeordneten Element obj.scrollWidth ==> Ermitteln Sie die Bildlaufbreite des Objekts
obj.scrollHeight ==> Ermitteln Sie die Bildlaufhöhe des Objekts
obj.scrollLeft ==> Legt den Scrollabstand am linken Ende des Objekts fest oder erfragt ihn
obj.scrollTop ==> Legt den Scrollabstand am oberen Rand des Objekts fest oder ruft ihn ab

Jq ermittelt die relative Höhe und Breite des Objekts

obj.offset().left ==> Das Element ist relativ zur linken Seite des Dokuments
obj.offset().top ==> Das Element ist relativ zum oberen Rand
des Dokuments obj.scrollLeft() ==> Legt den Versatz des Objekts relativ zur linken Seite der Bildlaufleiste fest oder gibt ihn zurück.
obj.scrollTop() ==> Legt den Versatz des Objekts relativ zum oberen Rand der Bildlaufleiste fest oder gibt ihn zurück.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.