Приднестровская поддержка XOOPS
height() — позволяет получить высоту первого элемента коллекции соответственно. Возвращает значение в виде числа. Для примера выведем высоту доступной области окна браузера.
var h = $(window).height();
$("#div1").html("Высота: " + h);
В результате будет выведено, например, следующее.
Высота: 768
В качестве еще одного примера выведем ширину и высоту элемента с помощью методов width() и height(), а для сравнения выведем также значения соответствующих атрибутов стиля.
var elem = $("#div1");
$("#div1").append("<b>Значения методов: </b><br>") ;
$("#div1").append("Ширина: " + elem.width() + "<br>");
$("#div1").append("Высота: " + elem.height() + "<br>");
$("#div1").append("<b>Значения атрибутов стиля: </b><br>") ;
$("#div1").append("Ширина: " + elem.css("width") + "<br>");
$("#div1").append("Высота: " + elem.css("height") + "<br>");
<div id="div1"
style="width:300px;height:2OOpx;border:dotted;">
</div>
В результате будет выведено следующее:
Как видно из примера, значения атрибутов стиля содержат единицы измерения, тогда как методы возвращают значение в виде числа.
height(<3начение>) — позволяет задать высоту всех элементов коллекции соответственно. Возвращает объект jQuery. Зададим высоту всех тегов <div>, а затем укажем цвет фона.
$("div").height(50).css("background-color", "#ff0000");
Значением параметра может быть не только число, но и строка.
$("#div1").height("60px");
$("#div2").height("40%");
Отправитель | Нити |
---|
4 пользователь(ей) активно (2 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 4 далее... |