Latest web development tutorials

jQuery Wymiary

Przez jQuery, łatwy w obsłudze i wielkości elementów okna przeglądarki.


Metody wymiar jQuery

jQuery stanowi ważny sposób przetwarzania wielu wymiarach

  • Szerokość ()
  • Wysokość ()
  • innerWidth ()
  • innerHeight ()
  • outerWidth ()
  • outerHeight ()

jQuery Wymiary

jQuery Wymiary


Metoda szerokość jQuery () i wysokość ()

Szerokość () metoda lub zestawy zwraca szerokość elementów (nie licząc dopełnienia, obramowania lub marginesu).

Wysokość () metoda lub zestawy zwraca wysokość elementu (nie wliczając dopełnienia, obramowania lub marginesu).

Poniższy przykład zwraca określony <div> szerokość i wysokość elementu:

Przykłady

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

Spróbuj »


jQuery innerWidth () i innerHeight () metoda

innerWidth () zwraca szerokość elementu (w tym wypełnienia).

innerHeight() 方法返回元素的高度(包括内边距)。

Wewnętrzna szerokość Poniższy przykład zwraca określony element <div> / wysokość:

Przykłady

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

Spróbuj »


Metoda jQuery outerWidth () i outerHeight ()

outerWidth () Metoda zwraca szerokość elementu (w tym wypełnianie i brzeg).

outerHeight () metoda zwraca wysokość elementu (w tym wypełnianie i brzeg).

Poniższy przykład zwraca określony element <div> zewnętrzną szerokość / wysokość:

Przykłady

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

próbować