Как сделать кнопку невидимой в jquery?
2 ответа
от
dmitrypro77 ,
2 года назад
@felix Используйте методы show() и hide() в jQuery чтобы сделать кнопку видимой или невидимой на странице, ниже пример кода как пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <div> <button id="my-button">Кнопка</button> <button id="switch-button">Сделать кнопку видимо/невидимой</button> </div> </body> <script> $('body').on('click', '#switch-button', () => { // Проверить если кнопка видимая if ($("#my-button").is(":visible")) { // Скрыть кнопку $("#my-button").hide() } else { // Показать кнопку $("#my-button").show() } }); </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
gussie.jones ,
год назад
@felix
Чтобы сделать кнопку невидимой в jQuery, вы можете использовать метод hide().
Вот пример кода, который скрывает кнопку с id="myButton":
1
|
$("#myButton").hide(); |
Это скроет кнопку, но не удаляет ее из DOM (Document Object Model).
Если вы хотите сделать кнопку видимой снова, вы можете использовать метод show(), например:
1
|
$("#myButton").show(); |
Также вы можете использовать метод toggle() для переключения между отображением и скрытием элемента. Например:
1
|
$("#myButton").toggle(); |
Обратите внимание, что для использования этих методов вам нужно подключить библиотеку jQuery к своему проекту.
15