tiene saber removeattr modificar elemento disabled data cambiar atributo agregar addattr jquery jquery-selectors

saber - ¿Cómo cambiar el css, mostrar ninguna o bloquear la propiedad usando Jquery?



removeattr (11)

¿Cómo cambiar el css, mostrar ninguna o bloquear la propiedad usando Jquery?


.hide () no funciona en Chrome para mí Esto funciona para ocultarlo:

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


En caso de que quiera ocultar y mostrar un elemento dependiendo de si ya está visible o no, puede usar toggle en su lugar: of .hide () y .show ()

$ (''elem''). toggle ();


En mi caso, estaba haciendo mostrar / ocultar elementos de un formulario 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 un flotador: izquierda del elemento de tal elemento. Incluso usando un plugin como dependOn fue necesario usar float.


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

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

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

2. ) Para usar mientras configura múltiples propiedades CSS

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

3. ) 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 inline, inline-block o table, dependiendo de la tabla.

$ (''# ele_id''). toggle ();


Manera simple:

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


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

$("#id").css({display: "none"}); $("#id").css({display: "block"});


Si la pantalla del div es bloque por defecto, puede usar .show() y .hide() , o incluso más simple, .toggle() para alternar entre la visibilidad.


para ocultar

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

para mostrar:

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


utilizar esta

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

o

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


La forma correcta de hacer esto 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");


(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);