English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery 效果 hide() 方法

Métodos de efecto de jQuery

hide()方法隐藏选定的元素。

此方法通常与show()方法一起使用。

注意:隐藏的元素将不再影响页面的布局。

语法:

$(selector).hide(duration, easing, callback)

实例

此示例在单击页面时隐藏页面上的段落:

$("p").click(function(){
  $(this).hide();
});
Prueba y mira‹/›

单击按钮时隐藏所有

元素:

$("button").click(function(){
  $("p").hide();
});
Prueba y mira‹/›

使用duration参数:

$("button").click(function(){
  $("p").hide(1000);
});
Prueba y mira‹/›

使用callback参数:

$("button").click(function(){
  $("div").hide(1000, function(){
    alert("DIV被隐藏");
  });
});
Prueba y mira‹/›

动画所有跨度(在这种情况下为单词)以快速隐藏,在200毫秒内完成每个动画:

$("button").click(function(){
  -child\
    $\$(this).prev().hide(\"fast\", arguments.callee);
  });
});
Prueba y mira‹/›

Hacer clic más de2Segundos ocultar el elemento span, y luego eliminar el elemento span mientras se oculta:

$("span").click(function(){
  $(this).hide(2000, function(){
    $(this).remove();
  });
});
Prueba y mira‹/›

Valor del parámetro

ParámetrosDescripción
duration(Opcional)Determina cuánto tiempo durará el efecto de ocultamiento. El valor predeterminado es4000 milisegundos

Valores posibles:

  • milisegundos (por ejemplo100,500,2000, etcétera)

  • “swing”

  • “slow”

easing(Opcional)Una cadena que especifica la velocidad del elemento en diferentes puntos del animación. El valor predeterminado es “swing”

Valores posibles:

  • “swing”-Al comenzar/Mover más lento al finalizar y más rápido en el medio

  • “linear”-Mover a velocidad constante

callback(Opcional)Función llamada después de que se complete hide(), una vez por cada elemento seleccionado

Métodos de efecto de jQuery