Как скрыть элемент по клику в jquery?
2 ответа
@lilla.herman Используйте .hide() метод в jQuery чтобы скрыть элемент и .on("click") чтобы слушать нажатие мышки событие, ниже пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <p class="inner-text">Строка</p> <button id="hide">Скрыть</button> </body> <script> $("#hide").on("click", () => { $(".inner-text").hide(); }) </script> </html> |
@lilla.herman
Для скрытия элемента по клику в jQuery вы можете использовать метод hide().
Допустим, у вас есть элемент с идентификатором myElement, и вы хотите скрыть его при клике на него. Вот пример кода:
1 2 3 4 5 |
$(document).ready(function() { $("#myElement").click(function() { $(this).hide(); }); }); |
Код выше использует метод click() для привязки обработчика события клика к элементу с идентификатором myElement. Обработчик события вызывает метод hide() для скрытия элемента, на который был произведен клик.
Вы можете изменить селектор для привязки обработчика события к другому элементу на странице. Например, вместо #myElement можно использовать .myClass, чтобы привязать обработчик события к элементу с классом myClass.