Как при клике добавить класс в jquery?

Пользователь

sherwood_littel

от sherwood_littel , в категории: JavaScript , 3 года назад

38 | 0

jquery

2 ответа

Пользователь

adela

от adela , 3 года назад

@sherwood_littel Вы можете использовать addClass() функцию в jQuery чтобы добавить класс к любому элементу и on("click") - чтобы слушать событие на нажатие кнопки, пример кода:

<html>
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
</html>
<body>
<div>
    <button id="my-button">Добавить класс</button>
</div>
</body>
<script>
    // Слушаем нажатие на кнопку
    $("body").on("click", "#my-button", function () {
        // Добавем класс
        $(this).addClass("custom-class-name")
    })
</script>

1 | 0

Пользователь

francis_schuster

от francis_schuster , 2 года назад

@sherwood_littel

Чтобы добавить класс при клике на элемент с использованием jQuery, можно использовать метод addClass(). Ниже приведен пример кода:

HTML:

1	<button id="myButton">Кнопка</button>

jQuery:

$(document).ready(function(){
  $('#myButton').click(function(){
    $(this).addClass('active');
  });
});

Этот код добавляет класс "active" к элементу кнопки, когда пользователь кликает на нее. Обратите внимание, что мы используем $(this) для обращения к элементу кнопки, на которую кликнул пользователь. Кроме того, мы обернули наш код в $(document).ready() для того, чтобы убедиться, что код будет выполнен только после полной загрузки страницы.

0 | 0

Как при клике добавить класс в jquery?

2 ответа

Похожие обсуждения: