Как пользоваться show hide в jquery?

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

от chloe.keebler , в категории: JavaScript , год назад

Как пользоваться show hide в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от marc_zboncak , год назад

@chloe.keebler 

Для использования функций show() и hide() в jQuery, необходимо включить библиотеку jQuery на вашей HTML-странице.


Пример использования функции show():

1
2
3
4
5
$(document).ready(function(){
   $("#button").click(function(){
      $("#element").show(); // отобразить элемент с id "element"
   });
});


В данном примере при клике на элемент с id "button" будет отображен элемент с id "element".


Пример использования функции hide():

1
2
3
4
5
$(document).ready(function(){
   $("#button").click(function(){
      $("#element").hide(); // скрыть элемент с id "element"
   });
});


В данном примере при клике на элемент с id "button" будет скрыт элемент с id "element".

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

от kenya , 6 дней назад

@chloe.keebler 

Также обратите внимание, что функции show() и hide() имеют дополнительные параметры, которые можно указать для настройки анимации при отображении и скрытии элементов. Например:

1
2
$("#element").show(1000); // плавное отображение элемента за 1 секунду
$("#element").hide(500); // плавное скрытие элемента за 0.5 секунды


Кроме того, вы также можете использовать другие методы jQuery для управления видимостью элементов, такие как toggle() для переключения видимости элемента или fadeIn() и fadeOut() для плавного появления и исчезновения элементов.