Cómo ocultar un cuadro de texto usando jQuery

Puede usar el método jQuery hide () [1]. Esta es la sintaxis básica:

$ (selector) .hide (velocidad, flexibilización, devolución de llamada)

Aquí hay un ejemplo simple:

$ (“# cuadro de texto”). hide ()

Este fragmento ocultará cualquier elemento con el ID “cuadro de texto”. El símbolo hash denota un atributo ID. Para una clase, puede reemplazarla con un punto.

El método hide () acepta 3 parámetros opcionales:

  1. velocidad: acepta una cadena (‘lenta’ o ‘rápida’) o un número (duración en milisegundos). Determina la velocidad de acción. El valor predeterminado es 400.
  2. flexibilización: determina el efecto de transición (‘oscilación’ o ‘lineal’).
  3. devolución de llamada: determina la operación a realizar una vez que se oculta el elemento deseado. Puedes usar es algo como esto:

$ (selector) .hide (“lento”, función () {
// Esta es la función de devolución de llamada
// Se ejecutará una vez que finalice la función hide
})


Alternativamente, también puede usar el modificador de propiedad CSS.

$ (selector) .css (‘display’, ‘none’)

Notas al pie

[1] Documentación de la API jQuery

Simplemente puede usar el id del div o del id del elemento, en este caso su id de cuadro de texto.

En su mayoría, existen dos enfoques comunes que los desarrolladores utilizan para realizar operaciones de ocultación utilizando jquery.

  1. Usando el método hide() Jquery : $(“#textbox_id”).hide();
  2. Usando las propiedades css de Jquery: $(“#textbox_id”).css(“display”,”none”);

En ambos casos, puede reemplazar textbox_id a div_id



Y en jQuery:
$ (‘input [name = Hide]’). click (function () {
if ($ (this) .val () == “top”) {
$ (‘# cuadro de texto’). hide (); } más {
$ (‘# cuadro de texto’). show (); }});
haga clic porque el cambio no parece funcionar correctamente en IE.