<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Работа с классами в jQuery</title>
<link rel="stylesheet" href="styles.css">
<script src="/js/jquery-3.6.0.min.js"></script>
<script src="scripts.js"></script>
</head>
<body>
<a href="/lessons/10/">Ссылка с белым фоном</a><br><br>
<button id="myButton">Нажми меня</button>
</body>
</html>
.red { background-color: #ff0000; }
#myButton { width: 140px; height: 30px; border: 1px solid #d0d0d0; background-color: #f0f0f0; color: #000000; outline: none; margin-top: 20px; }
window.onload = function()
{
document.getElementById('myButton').onclick = function()
{
$('a').first().addClass("red");
};
};