jQuery CSS - получить цвет фона элемента
jQuery CSS: упражнение 1 с решением
Получить цвет фона элемента.
Нажмите на следующие абзацы и получите цвет фона.
Пример данных :
HTML:
<Тело> <p> Упражнения jQuery </ p> <p> и решение. </ p> </ Body>
CSS:
<Стиль> div { ширина: 60 пикселей; высота: 60 пикселей; поле: 5px; } п { Запас-топ: 20px; обивка: 5px; граница: 2px solid # 666; } </ Стиль>
Решение :
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Get the background color of an element</title>
<style>
div {
width: 60px;
height: 60px;
margin: 5px;
}
p {
margin-top:20px;
padding: 5px;
border: 2px solid #666;
}
</style>
</head>
<body>
<div style="background-color:red;"></div>
<div style="background-color:rgb(16,99,30);"></div>
<div style="background-color:#523456;"></div>
<div style="background-color:#a11;"></div>
<p></p>
</body>
</html>
Код JavaScript:
$( "div" ).click(function() {
var color = $( this ).css( "background-color" );
$( "p" ).html( "That div is " + color + "." );
});
Демонстрация в реальном времени:
См. Pen jquery-css-упражнение-1 от w3resource ( @ w3resource ) в CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущая: jQuery CSS Упражнения
Далее: Добавьте следующий класс «myclass» к соответствующим элементам абзаца.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code