Всем привет, пишу сюда что бы кто то поведал мне что это за метод такой, и почему он есть отдельно если можно получить через метод css(height) высоту, заранее благодарю!)
Это метод который позволяет получить или установить высоту элемента, есть несколько вариаций его вызова в зависимости от параметров, первый это когда просто вызываете метод height() и получаете высоту элемента, второй вариант это когда при вызове метода вы передаете значение, так вы установите значение высоты для взятого элемента, ну и третий вариант это когда определенная функция возвращает значение, там вроде два аргумента (в функции) это индекс элемента и высота.
По поводу разницы между двумя методами css(height) и просто height(), первый метод возвращает значение не числовое а строковое вроде, то есть он возвращает не только число но и приставку пиксели в конце, а метод height() возвращает исключительно числовое значение, его используют когда нужно с высотой провести математические вычисления
Пример работы:
var win = $(window).height();
console.log(win);
var doc = $(document).height();
console.log(doc);
Вот другой пример, который указывает на разницу этих свойств:
Оформление:
.ex1 {
height: 100px;
width: 200px;
background-color: green;
}
.ex2 {
height: 200px;
width: 200px;
background-color: red;
}
.ex3 {
height: 400px;
width: 200px;
background-color: blue;
}
Выбираем значения высоты с помощь метода height и с помощью метода css(height):
console.log($('.ex1').height())
console.log($('.ex2').height())
console.log($('.ex3').height())
console.log($('.ex1').css('height'))
console.log($('.ex2').css('height'))
console.log($('.ex3').css('height'))
Просто три блока:
<div class="ex1">
<div class="ex2">
<div class="ex3">