В чем разница между hide () и slideDown () / slideUp () в JQuery? - PullRequest
3 голосов
/ 25 августа 2011

Кажется, что после вызова оба результата одинаковы.

Ответы [ 6 ]

7 голосов
/ 25 августа 2011

Методы show / hide анимируют ширину, высоту и непрозрачность, в то время как slideUp / sideDown только анимацию высоты.

Длительность по умолчанию show / hide равна нулю, поэтому, если вы не укажете duartion, он немедленно покажет / скроет элемент.

Если вы не видите никакой разницы между методами, то, скорее всего, они не работают должным образом с элементом, к которому вы их применяете. Обычная причина этого заключается в том, что вы тестируете в Internet Explorer, а элемент не имеет флага макета. Например, если вы попытаетесь анимировать ячейку таблицы, изменения стиля, которые вносит анимация в элемент, не будут применены, и вы просто увидите, что элемент показан / скрыт.

4 голосов
/ 25 августа 2011

slideDown() и slideUp() оживляют скрытие / отображение.

3 голосов
/ 25 августа 2011

Метод jQuery hide просто применяет display: none к выбранным элементам, если не указана длительность - тогда он будет анимирован.Методы слайдов являются членами очереди эффектов, они будут скрывать / показывать элементы в скользящем движении.

2 голосов
/ 25 августа 2011

hide() просто устанавливает атрибут display: none CSS , если вы не укажете продолжительность .Если вы это сделаете, он исчезнет.

slideUp() всегда анимирован.

То же самое относится к show() и slideDown().

2 голосов
/ 25 августа 2011

hide() мгновенно скрывает div.

, а slidetoggle(), slidedown() & slideup() сделать то же самое с некоторыми анимационными эффектами. в этих функциях есть некоторые скользящие эффекты. вот разница.

больше ничего.

Надеюсь, это поможет.

1 голос
/ 25 августа 2011

Единственное различие, которое существует между hide () и slideup () / slidedown (), - это анимация.Скольжение вверх / вниз будет просто скользить, а скрывать будет просто скрывать.Эти два метода могут использоваться с параметром продолжительности / замедления.для получения дополнительной информации http://api.jquery.com/hide/ и http://api.jquery.com/slideUp/

...