მეთოდი 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 სტილები