jQuery height() Metode
Voorbeeld
Gee die hoogte van 'n <div>-element terug:
$("button").click(function(){
alert($("div").height());
});
Definisie en gebruik
Die metode height() stel of gee die hoogte van die geselekteerde elemente terug.
Wanneer hierdie metode gebruik word om hoogte terug te gee , gee dit die hoogte van die EERSTE ooreenstemmende element terug.
Wanneer hierdie metode gebruik word om hoogte te stel , stel dit die hoogte van ALLE ooreenstemmende elemente.
Soos die prent hieronder illustreer, sluit hierdie metode nie opvulling, rand of marge in nie.
Verwante metodes:
- width() - Stel of gee die breedte van 'n element terug
- innerWidth() - Wys die breedte van 'n element (sluit opvulling in)
- innerHeight() - Wys die hoogte van 'n element (sluit opvulling in)
- outerWidth() - Wys die breedte van 'n element (sluit opvulling en rand in)
- outerHeight() - Wys die hoogte van 'n element (sluit opvulling en rand in)
Sintaksis
Gee die hoogte terug:
$(selector).height()
Stel die hoogte in:
$(selector).height(value)
Stel die hoogte met behulp van 'n funksie:
$(selector).height(function(index,currentheight))
Parameter | Description |
---|---|
value | Required for setting height. Specifies the height in px, em, pt, etc. Default unit is px |
function(index,currentheight) | Optional. Specifies a function that returns the new height of selected elements
|
Probeer dit self - voorbeelde
in Hoe om die hoogte van 'n element te stel deur verskillende eenhede te gebruik.
te gebruik Hoe om 'n funksie te gebruik om die hoogte van 'n element te verhoog.
terug Hoe om die huidige hoogte van die dokument en vensterelemente terug te gee.
Hoe om width(), height(), innerHeight(), innerWidth(), outerWidth() en outerHeight() te gebruik.