jQuery CSS - добавить класс к элементу
jQuery CSS: упражнение 2 с решением
Добавьте следующий класс «myclass» к соответствующим элементам абзаца.
Пример данных :
HTML:
<Тело> <p> Упражнения jQuery </ p> <p> и решение. </ p> </ Body>
CSS:
<Стиль> п { поле: 8px; размер шрифта: 16 пикселей; } .мои занятия { цвет: # FA5858; } Выделите { фон: # CEF6F5; } </ Стиль>
Решение :
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Add a class to an element</title>
<style>
p {
margin: 10px;
font-size: 22px;
}
.myclass {
color: #FA5858;
}
.highlight {
background: #CEF6F5;
}
</style>
</head>
<body>
<p>jQuery Exercises</p>
<p>and Solution.</p>
</body>
</html>
Код JavaScript:
$( "p" ).first().addClass( "highlight" );
$( "p" ).last().addClass( "myclass" );
Демонстрация в реальном времени:
См. Pen jquery-css-упражнение-2 от w3resource ( @ w3resource ) в CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущий: Получить цвет фона элемента.
Далее: найти ширину и высоту различных элементов.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code