height Metode

Die metode height laat jou toe om die hoogte van 'n element te verkry en te verander. Dit is belangrik om te onthou dat ons die 'berekende waarde' van die hoogte (computed height) sal kry. Anders as die metode css('height'), gee dit 'n dimensielose waarde terug (byvoorbeeld 400) en is gerieflik vir wiskundige berekeninge. Die metode kry die hoogte van die element se inhoud, ongeag die spesifikasie van die CSS-eienskap box-sizing. Om onnodige berekeninge te vermy, word aanbeveel om css('height') te gebruik. Berekeningfoute kan ook voorkom as die gebruiker die bladsygrootte verander, en ook as die element of sy ouer versteek is. Die hoogtewaarde neem nie die waardes van spasiering en rand in ag nie.

Sintaksis

Kry die hoogte van die element. In sommige gevalle kan die verkryde waardes breukdele wees:

$(selektor).height();

Om die hoogte van die element te verander - kan jy net 'n getal oordra (byvoorbeeld 400), dan sal die eenhede van meet pixels wees, of 'n string, met die spesifisering van die eenhede (byvoorbeeld '10em'):

$(selektor).height(nuwe waarde);

Ons kan ook 'n gegewe funksie op elke element in die stel toepas. Die funksie sal die eerste parameter die nommer van die element in die stel kry, en die tweede parameter die huidige waarde van die gespesifiseerde hoogte vir die spesifieke element. this binne die funksie sal wys na die huidige element.

Die hoogtewaarde van die element sal verander na die een wat deur die funksie teruggegee word:

$(selektor).height(function(nommer in stel, huidige hoogtewaarde));

Voorbeeld

Kom ons verander die hoogte van #test na die waarde 30px wanneer daar daarop geklik word, deur die metode height te gebruik, en ook met behulp van css verander ons sy agtergrond na groen:

<div id="test"></div>

#test {
	width: 50px;
	height: 90px;
	background: red;
	color: white;
	margin-top: 10px;
	cursor: pointer;
}

$('#test').one('click', function() {
	$(this).height(30).css({
		cursor: 'outo',
		backgroundColor: 'green'
	});
});

Sien ook

metode width,
wat jou toelaat om die breedte van 'n element te verkry en te verander
metode innerHeight,
wat jou toelaat om die hoogte van 'n element te verkry en te verander, met inagneming van sy interne spasiering
metode outerHeight,
wat jou toelaat om die hoogte van 'n element te verkry en te verander, met inagneming van sy spasiering en rand
metode css,
wat jou toelaat om CSS style van 'n element te verkry en te verander