jQuery CSS - найти ширину и высоту различных элементов
jQuery CSS: упражнение-3 с решением
Найдите ширину и высоту различных элементов.
Пример данных :
HTML:
<Тело> <p> Упражнения jQuery </ p> <div style = "height: 75px; ширина: 200px; отступ: 10px; поле: 3px; граница: 1px сплошной синий; цвет фона: # 81DAF5;"> </ div> </ Body>
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Find the widths and heights of various elements</title>
</head>
<body>
<p> jQuery Exercises</p>
<div style="height:75px;width:200px;padding:10px;margin:3px;border:1px solid blue;background-color:#81DAF5;"></div>
</body>
</html>
Код JavaScript:
console.log("The width of the Paragraph is:"+$("p").width());
console.log("The width of the window is:"+$("div").width());
Демонстрация в реальном времени:
См. Pen jquery-css-упражнение-3 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Добавьте следующий класс «myclass» к соответствующим элементам абзаца.
Далее: получить верхнюю и левую позиции прокрутки элемента.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code