Latest web development tutorials

jQuery Dimensions

Durch jQuery, leicht zu handhaben, und die Größe der Elemente des Browserfensters.


Methoden jQuery Dimension

jQuery ist eine wichtige Methode, um eine Vielzahl von Dimensionen für die Verarbeitung:

  • Breite ()
  • Höhe ()
  • innerwidth ()
  • innerheight ()
  • outer ()
  • outerHeight ()

jQuery Dimensions

jQuery Dimensions


jQuery Breite () und Höhe () Methode

Breite () -Methode setzt oder liefert die Breite der Elemente (nicht Polsterung, Rand oder Rand einschließlich).

Höhe () -Methode setzt oder liefert die Höhe des Elements (ohne Polsterung, Rand oder Rand).

Das folgende Beispiel gibt die angegebene <div> Element Breite und Höhe:

Beispiele

$("button").click(function(){
var txt="";
txt+="Width: " + $("#div1").width() + "</br>";
txt+="Height: " + $("#div1").height();
$("#div1").html(txt);
});

Versuchen »


jQuery innerwidth () und innerheight () -Methode

innerwidth () Methode gibt die Breite des Elements (einschließlich Polster).

innerheight () Methode gibt die Höhe des Elements (einschließlich Polster).

Das folgende Beispiel Innenbreite gibt die angegebene <div> Element / Höhe:

Beispiele

$("button").click(function(){
var txt="";
txt+="Inner width: " + $("#div1").innerWidth() + "</br>";
txt+="Inner height: " + $("#div1").innerHeight();
$("#div1").html(txt);
});

Versuchen »


jQuery outer () und outerHeight () -Methode

outer () Methode gibt die Breite eines Elements (einschließlich Polsterung und Grenze).

outerHeight () Methode gibt die Höhe des Elements (einschließlich Polsterung und Grenze).

Das folgende Beispiel gibt die angegebene <div> Element Außen Breite / Höhe:

Beispiele

$("button").click(function(){
var txt="";
txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
txt+="Outer height: " + $("#div1").outerHeight();
$("#div1").html(txt);
});

versuchen