Come cambiare css visualizzare nessuno o bloccare la proprietà usando Jquery?

Question

Come cambiare css visualizzare nessuno o bloccare la proprietà usando Jquery?

Answer 1

Il modo corretto per farlo è usare show e hide:

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

Un metodo alternativo è quello di utilizzare il metodo jQuery css:

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

Answer 2

Se la visualizzazione del div è blocco per impostazione predefinita, è possibile utilizzare solo .show() e .hide() o anche più semplice, .toggle() per passare dalla visibilità.

Answer 3

Altro modo per farlo utilizzando il metodo jQuery CSS:

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

Answer 4

Ci sono diversi modi per ottenere questo risultato, ciascuna con il proprio scopo.

---

.) Per utilizzare linea mentre semplicemente assegnando un elemento di una lista di cose da fare

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

---

.) Per utilizzare durante l'impostazione più proprietà CSS

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

---

.) Per chiamare in modo dinamico a comando

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

---

.) Per passare dinamicamente tra il blocco e nessuno, se si tratta di un div

• alcuni gli elementi vengono visualizzati come inline, inline-block o table, a seconda dello Tag Name

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

Answer 5

uso questo

$("#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

modo semplice:

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

)} 

Answer 8

per nascondere:

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

per l'esposizione:

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

Answer 9

.nascosto() non funziona in Chrome per me Questo funziona per Hidding:

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

Answer 10

Nel caso in cui si desidera nascondere e mostrare un elemento a seconda se è già visibile o meno, puoi invece utilizzare alternativamente: of .hide() e .show()

$ ('elem'). toggle();