Ultimele tutoriale de dezvoltare web
 

jQuery height() Method

<JQuery HTML / CSS Metode

Exemplu

Întoarcere înălțimea unui <div> Element:

$("button").click(function(){
    alert($("div").height());
});
Încearcă - l singur »

Definiție și utilizare

La height() seturi de metode sau returnează înălțimea elementelor selectate.

Atunci când se utilizează această metodă pentru a reveni înălțime, se returnează înălțimea elementului de potrivire mai întâi.

Atunci când se utilizează această metodă pentru a seta înălțimea, stabilește înălțimea tuturor elementelor potrivite.

Așa cum imaginea de mai jos ilustrează, această metodă nu include, chenarul sau o marjă.

jQuery Dimensiuni


Metode asemanatoare:

  • width() - Setează sau returnează lățimea unui element
  • innerWidth() - Returnează lățimea unui element (includes padding)
  • innerHeight() - Returnează înălțimea unui element (includes padding)
  • outerWidth() - Returnează lățimea unui element (includes padding and border) de (includes padding and border)
  • outerHeight() - Returnează înălțimea unui element (includes padding and border) de (includes padding and border)

Sintaxă

Întoarcere înălțimea:

$( selector ) . height()

Setați înălțimea:

$( selector ) . height( value )

Setați înălțimea utilizând o funcție:

$( selector ) . height(function (index,currentheight) )

Parametru Descriere
value Necesar pentru setarea de înălțime. Specifică înălțimea în px, em, pt, etc.
Unitate implicită este px
function (index,currentheight) Opțional. Specifică o funcție care returnează noua înălțimea elementelor selectate
  • index - Returnează poziția index al elementului din setul
  • currentheight - Returnează înălțimea curentă a elementului selectat

Încearcă-l singur - Exemple

Setați înălțimea unui element
Cum se setează înălțimea unui element utilizând unități diferite.

Creșterea înălțimii utilizând o funcție
Cum se utilizează o funcție pentru a crește înălțimea unui element.

Întoarcere înălțimea elementelor documentului și a ferestrelor
Cum să se întoarcă la înălțimea actuală a elementelor documentului și a ferestrelor.

Arată dimensiuni cu metode conexe
Cum se folosește width(), height() , innerHeight() , innerWidth() , outerWidth() și outerHeight() .


<JQuery HTML / CSS Metode