События jQuery: изменение цвета фона элемента
События jQuery: упражнение 8 с решением
Измените цвет фона элемента <div> следующего кода при нажатии кнопки.
Пример данных :
HTML:
<div style = "background-color: yellow"> <p> Нажмите кнопку, чтобы изменить цвет фона этого абзаца. </ p> <button> Нажми меня! </ button> </ DIV>
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div style="background-color:yellow">
<p>Click the button to change the background color of this paragraph.</p>
<button>Click me!</button>
</div>
</body>
</html>
Код JavaScript:
$("div").on( "click", "button", function( event ) {
$(event.delegateTarget ).css( "background-color", "green");
});
Демонстрация в реальном времени:
См. Pen jquery-events-упражнение-8 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущая: Найти данные, переданные методом on () для каждого элемента <p>.
Далее: найдите положение указателя мыши относительно левого и верхнего краев документа.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code