height()
jQuery height() metodi
Misol
<div> elementining balandligini qaytarish:
$("button").click(function(){
alert($("div").height());
});
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
height() metodi tanlangan elementlarning balandligini o‘rnatadi yoki qaytaradi.
Bu metod balandlikni qaytarish uchun ishlatilganda, BIRINCHI mos elementning balandligini qaytaradi.
Bu metod balandlikni o‘rnatish uchun ishlatilganda, BARCHA mos elementlarning balandligini o‘rnatadi.
Quyidagi rasmda ko‘rsatilganidek, bu metodda padding, border va margin hisobga olinmaydi.
Tegishli metodlar:
- width() - Elementning kengligini o‘rnatadi yoki qaytaradi
- innerWidth() - Elementning kengligini qaytaradi (padding hisobga olinadi)
- innerHeight() - Elementning balandligini qaytaradi (padding hisobga olinadi)
- outerWidth() - Elementning kengligini qaytaradi (padding va border hisobga olinadi)
- outerHeight() - Elementning balandligini qaytaradi (padding va border hisobga olinadi)
Sintaksis
Balandlikni qaytarish:
$(selector).height()
Balandlikni o‘rnatish:
$(selector).height(value)
Funksiya yordamida balandlikni o‘rnatish:
$(selector).height(function(index,currentheight))
| Parametr | Tavsif |
|---|---|
| value | Balandlikni o‘rnatish uchun majburiy. Balandlikni px, em, pt va hokazo birliklarda belgilaydi. Standart o‘lchov birligi: px |
| function(index,currentheight) | Ixtiyoriy. Tanlangan elementlarning yangi balandligini qaytaradigan funksiyani belgilaydi
|
O‘zingiz sinab ko‘ring — misollar
Elementning balandligini o‘rnatish
Turli o‘lchov birliklari yordamida elementning balandligini qanday o‘rnatish mumkin.
Funksiya yordamida balandlikni oshirish
Elementning balandligini oshirish uchun funksiyadan qanday foydalanish mumkin.
Hujjat (document) va oyna (window) balandligini qaytarish
Hujjat (document) va oyna (window) elementlarining joriy balandligini qanday qaytarish mumkin.
Tegishli metodlar yordamida o‘lchamlarni ko‘rsatish
width(), height(), innerHeight(), innerWidth(), outerWidth() va outerHeight() metodlaridan qanday foydalanish mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!