Latest web development tutorials

jQuery UI API - .hide ()

categoría

efectos especiales (Efectos) | Efectos Core (Core Effects) | sobrecarga de métodos (Método, anulaciones) | métodos (Métodos)

uso

Descripción: Utilice efectos personalizados para ocultar los elementos coincidentes.

Devuelve: el jQuery

.hide( effect [, options ] [, duration ] [, complete ] )

参数 类型 描述 默认值
effect String 一个字符串，指示要使用哪一种特效 。
options Object 特效具体的设置和 easing 。
duration Number 或 String 一个字符串或一个数字，指定动画将运行多久。 400
complete Function() 一旦动画完成时要调用的函数。

.hide( options )

参数 类型 描述
options Object 所有的动画设置。唯一一个必需的属性是 effect。
  • effect
    类型：String
    描述：一个字符串，指示要使用哪一种特效 。
  • easing （默认值： "swing" ）
    类型：String
    描述：一个字符串，指示要使用的 easing 函数。
  • duration （默认值： 400 ）
    类型：Number 或 String
    描述：一个字符串或一个数字，指定动画将运行多久。
  • complete
    类型：Function()
    描述：一旦动画完成时要调用的函数。
  • queue （默认值： true ）
    类型：Boolean 或 String
    描述：一个布尔值，指示是否将动画放在特效队列中。如果是 false，动画将立即开始。 自 jQuery 1.7 起 ，queue 选项也接受一个字符串，在这种情况下，动画添加到由字符串表示的队列中。

Las extensiones de plug-in de jQuery construyeron .hide () método. Si jQuery UI no está cargado, llame .hide() método no se limita a fallar, porque existe el método en jQuery. Pero no es el comportamiento esperado.

Ejemplos

efectos de uso del suelo (efecto) gota esconden un div. 

<! DOCTYPE html>
<Html lang = "es">
<Head>
  <Charset Meta = "UTF-8">
  <Título> .hide () Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  div {
    Anchura: 100px;
    altura: 100px;
    fondo: #ccc;
    frontera: 1px solid # 000;
  }
  </ Style>
  <Script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ Head>
<Cuerpo>
 
<Botón> div </ botón> oculta
<Div> </ div>
 
<Script>
$ ( "Botón") .click (function () {
  $ ( "Div") .hide ( "drop", {direction: "abajo"}, "lento");
});
</ Script>
 
</ Body>
</ Html>