¿Cómo cambiar css para visualizar none o block property usando Jquery?

¿Cómo cambiar css para visualizar none o block property usando Jquery?

La forma correcta de hacerlo es usar show y hide :

 $('#id').hide(); $('#id').show(); 

Una forma alternativa es usar el método jQuery css :

 $("#id").css("display", "none"); $("#id").css("display", "block"); 

Hay varias formas de lograr esto, cada una con su propio propósito.


1 ) Para usar en línea mientras se asigna un elemento a una lista de cosas que hacer

 $('#ele_id').css('display', 'block').animate(.... $('#ele_id').css('display', 'none').animate(.... 

2 ) Para usar al configurar múltiples propiedades de CSS

 $('#ele_id').css({ display: 'none' height: 100px, width: 100px }); $('#ele_id').css({ display: 'block' height: 100px, width: 100px }); 

3 ) Para llamar dinámicamente al comando

 $('#ele_id').show(); $('#ele_id').hide(); 

4 ) Para alternar dinámicamente entre bloque y ninguno, si es un div

  • algunos elementos se muestran como en línea, bloque en línea o tabla, dependiendo de TaG N ame

$ (‘# ele_id’). toggle ();

Si la visualización de div está bloqueada de manera predeterminada, puede usar .show() y .hide() , o incluso más simple, .toggle() para alternar entre visibilidad.

Manera simple:

 function displayChange(){ $(content_id).click(function(){ $(elem_id).toggle();} )} 

para ocultar:

 $("#id").css("display", "none"); 

para mostrar:

 $("#id").css("display", ""); 

Otra forma de hacerlo utilizando el método jQuery CSS:

 $("#id").css({display: "none"}); $("#id").css({display: "block"}); 
 (function($){ $.fn.displayChange = function(fn){ $this = $(this); var state = {}; state.old = $this.css('display'); var intervalID = setInterval(function(){ if( $this.css('display') != state.old ){ state.change = $this.css('display'); fn(state); state.old = $this.css('display'); } }, 100); } $(function(){ var tag = $('#content'); tag.displayChange(function(obj){ console.log(obj); }); }) })(jQuery); 

En caso de que desee ocultar y mostrar un elemento dependiendo de si ya está visible o no, puede usar el botón de alternar: de .hide () y .show ()

$ (‘elem’). toggle ();

utilizar esta

 $("#id").(":display").val("block"); 

o

 $("#id").(":display").val("none"); 

.hide () no funciona en Chrome para mí Esto funciona para la ocultación:

 var pctDOM = jQuery("#vr-preview-progress-content")[0]; pctDOM.hidden = true; 

En mi caso, estaba mostrando / ocultando elementos de una forma según si un elemento de entrada estaba vacío o no, de modo que cuando se ocultaban los elementos, el elemento que seguía a los ocultos se reposicionaba ocupando su espacio, era necesario hacer una flotación: izquierda del elemento de tal elemento. Incluso utilizando un complemento como dependiente, era necesario usar float.