height մեթոդ

height մեթոդը թույլ է տալիս ստանալ և փոխել տարրի բարձրությունը: Կարևոր է հիշել, որ մենք կստանանք բարձրության 'հաշվարկված արժեք' (computed height): Ի տարբերություն css('height') մեթոդի, այն վերադարձնում է անչափ մեծություն (օրինակ 400) և հարմար է մաթեմատիկական հաշվարկների համար: Մեթոդը ստանում է տարրի բովանդակության բարձրությունը՝ անկախ CSS-ի box-sizing հատկության նշումից: Լրացուցիչ հաշվարկներից խուսափելու համար խորհուրդ է տրվում օգտագործել css('height'): Հաշվարկի սխալները կարող են նաև առաջանալ, եթե օգտատերը փոխում է էջի չափերը, և նաև, եթե տարրը կամ նրա ծնող թաքնված են: Բարձրության արժեքը հաշվի չի առնում դաշտերը և շրջանակը:

Շարահյուսություն

Ստանալ տարրի բարձրությունը: Որոշ դեպքերում ստացված արժեքները կարող են լինել կոտորակային:

$(ընտրիչ).height();

Տարրի բարձրությունը փոխելու համար - կարելի է փոխանցել պարզապես թիվ (օրինակ 400), ապա չափման միավորները կլինեն պիքսելներ, կամ տող, չափման միավորների նշումով (օրինակ '10em'):

$(ընտրիչ).height(նոր արժեք);

Նաև մենք կարող ենք կիրառել տրված ֆունկցիան յուրաքանչյուր տարրի հանդեպ հավաքածուում: Այդ դեպքում առաջին պարամետրով ֆունկցիան կստանա տարրի համարը հավաքածուում, իսկ երկրորդ պարամետրով - ընթացիկ արժեքը տրված բարձրության համար կոնկրետ տարրի հանդեպ: this ֆունկցիայի ներսում կ ցույց տա ընթացիկ տարրը:

Տարրի բարձրության արժեքը կփոխվի այն արժեքին, որը կվերադարձնի ֆունկցիան:

$(ընտրիչ).height(function(համար հավաքածուում, ընթացիկ բարձրության արժեք));

Օրինակ

Եկեք #test-ի վրա կլիկի ժամանակ փոխենք նրա բարձրությունը 30px արժեքին, օգտագործելով height մեթոդը, և նաև օգտագործելով css փոխենք նրա ֆոնը կանաչի:

<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: 'auto',
		backgroundColor: 'green'
	});
});

Տես նաև

width մեթոդը,
որը թույլ է տալիս ստանալ և փոխել տարրի լայնությունը
innerHeight մեթոդը,
որը թույլ է տալիս ստանալ և փոխել տարրի բարձրությունը, հաշվի առնելով նրա ներքին դաշտերը
outerHeight մեթոդը,
որը թույլ է տալիս ստանալ և փոխել տարրի բարձրությունը, հաշվի առնելով նրա դաշտերը և սահմանը
css մեթոդը,
որը թույլ է տալիս ստանալ և փոխել տարրի CSS ոճերը