Css gösterimi nasıl değiştirilir veya Jquery kullanılarak özellik kullanılamaz veya engellenir?

Question

Css gösterimi nasıl değiştirilir veya Jquery? div görüntü bloğu ise

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

Answer 1

Bunu yapmanın doğru yolu show ve hide kullanmaktır varsayılan olarak, sadece görünürlük arasında geçiş yapmak için .show() ve .hide(), hatta daha basit, .toggle() kullanabilirsiniz.

Answer 2

:

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

alternatif bir yolu jQuery css yöntemini kullanmaktır:

Answer 3

Diğer yolu jQuery CSS yöntemi kullanarak yapmak için:

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

Answer 4

o kendi amacına sahip bu, her gerçekleştirmek için çeşitli yolları vardır.

---

.) Sadece bir elemanını şeylerin bir listesini atarken

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

---

yapmak inline kullanın.) Birden fazla CSS Özellikler 'ayarlarken kullanmak için

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

---

.) Dinamik olarak komuta

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

---

çağrısında bulunmak.) Dinamik blok ve hiçbiri arasında geçiş yapmak için, bir div eğer

• bazı öğeler, Tag N'a bağlı olarak satır içi, satır içi veya tablo olarak görüntülenir. ame

$ ('# ele_id').geçiş();

Answer 5

kullanımı bu

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

veya

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

basit yolu: Gizleme için

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

)} 

Answer 8

:

gösteri için

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

:

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

Answer 9

.hide() benim Bu hidding için çalışıyor için Chrome'da çalışmıyor:

gizlemek ve bağlı bir öğeyi görüntüleme istediğiniz durumda

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

Answer 10

zaten görünür olup olmadığını veya değil geçiş yerine kullanabilirsiniz: .hide() ve .Show()

$ ('elem') arasında geçiş();.