¿Cómo cambiar css mostrar ninguno o bloquear propiedad usando Jquery?

Question

¿Cómo cambiar css display none o block property using Jquery?

Answer 1

La forma correcta de hacer esto es utilizar show y hide:

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

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

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

Answer 2

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

Answer 3

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

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

Answer 4

Hay varias maneras de lograr esto, cada uno con su propia finalidad pretendida.

---

.) Para utilizar línea mientras que simplemente asignar un elemento de una lista de cosas que hacer

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

---

.) Para utilizar al establecer múltiples propiedades CSS

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

---

.) Para llamar de forma dinámica en el comando

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

---

.) Para cambiar dinámicamente entre el bloque y ninguno, si se trata de un div

• algunos los elementos se muestran como en línea, bloque en línea o tabla, según Tag Name

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

Answer 5

uso de este

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

o

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

Answer 6

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

Answer 7

manera simple:

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

)} 

Answer 8

para ocultar:

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

para la demostración:

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

Answer 9

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

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

Answer 10

En caso de que desee ocultar y mostrar un elemento en función para ver si ya está visible o no, puede usar la función de alternar: de .hide() y .show()

$ ('elem'). toggle();