Kaedah height

Kaedah height membolehkan anda mendapatkan dan mengubah ketinggian elemen. Penting untuk diingat, bahawa kita akan mendapatkan 'nilai terkira' ketinggian (computed height). Berbeza dengan kaedah css('height'), ia mengembalikan nilai tanpa unit (contohnya 400) dan mudah untuk pengiraan matematik. Kaedah ini mendapatkan ketinggian kandungan elemen, tanpa bergantung pada penetapan sifat CSS box-sizing. Untuk mengelakkan pengiraan berlebihan, disyorkan untuk menggunakan css('height'). Ralat dalam pengiraan juga boleh berlaku, jika pengguna menukar saiz halaman, dan juga, jika elemen atau induknya disembunyikan. Nilai ketinggian tidak mengambil kira nilai padding dan border.

Sintaks

Dapatkan ketinggian elemen. Dalam beberapa kes nilai yang diperoleh mungkin pecahan:

$(selector).height();

Untuk mengubah ketinggian elemen - anda boleh menghantar nombor (contohnya 400), maka unit pengukuran akan menjadi piksel, atau rentetan, dengan menyatakan unit pengukuran (contohnya '10em'):

$(selector).height(nilai baru);

Kita juga boleh menggunakan fungsi yang ditetapkan untuk setiap elemen dalam set. Parameter pertama fungsi akan menerima indeks elemen dalam set, dan parameter kedua - nilai ketinggian semasa untuk elemen tertentu. this di dalam fungsi akan menunjuk kepada elemen semasa.

Nilai ketinggian elemen akan berubah kepada nilai yang dikembalikan oleh fungsi:

$(selector).height(function(indeks dalam set, nilai ketinggian semasa));

Contoh

Mari apabila diklik pada #test kita tukar ketinggiannya kepada nilai 30px, menggunakan kaedah height, dan juga dengan css tukar latar belakangnya kepada hijau:

<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'
	});
});

Lihat juga

kaedah width,
yang membolehkan anda mendapatkan dan mengubah lebar elemen
kaedah innerHeight,
yang membolehkan anda mendapatkan dan mengubah ketinggian elemen, mengambil kira padding dalamannya
kaedah outerHeight,
yang membolehkan anda mendapatkan dan mengubah ketinggian elemen, mengambil kira padding dan bordernya
kaedah css,
yang membolehkan anda mendapatkan dan mengubah gaya CSS elemen