Как сменить css display none или заблокировать свойство с помощью JQuery?

Question

Как изменить css отображение none или заблокировать свойство с помощью JQuery?

Answer 1

правильный способ сделать это состоит в использовании show и hide:

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

Альтернативный способ заключается в использовании метода JQuery css:

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

Answer 2

Если отображение DIV является блок по умолчанию вы можете просто использовать .show() и .hide(), или еще проще, .toggle() для переключения между видимостью.

Answer 3

Другой способ сделать это с помощью метода JQuery CSS:

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

Answer 4

Есть несколько способов сделать это, каждый с собственным назначением.

---

.) Для того, чтобы использовать встроенный, а просто присвоение элементу списка вещей, чтобы сделать

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

---

). Для использования при установке нескольких свойств CSS

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

---

.) Для того, чтобы динамически позвонить по команде

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

---

.) Для того, чтобы динамически переключаться между блоком и нет, если это ДИВ

• некоторые элементы отображаются в виде встроенных, встроенных блоков или таблиц, в зависимости от Tag Name

$ ('# ele_id').переключения();

Answer 5

использование этого

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

или

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

Простой способ:

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

)} 

Answer 8

для шкурой:

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

для шоу:

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

Answer 9

.hide() не работает в Chrome для меня Это работает для Hidding:

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

Answer 10

В случае, если вы хотите, чтобы скрыть и показать элемент в зависимости на том, видно ли это или нет, вы можете использовать вместо этого: вместо .hide() и .show()

$ ('elem'). toggle();