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