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

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

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

Альтернативный способ – использовать метод jQuery css :

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

Существует несколько способов добиться этого, каждый из которых имеет свою цель.

1. ) Чтобы использовать inline , просто присваивая элементу список вещей, которые нужно сделать

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

2. ) Использовать при настройке нескольких свойств CSS

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

3. ) Для динамического вызова команды

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

4. ) Для динамического переключения между блоком и none, если это div

• некоторые элементы отображаются как встроенный, встроенный блок или таблица, в зависимости от того,

$ ( ‘# Ele_id’) переключения ().

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

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

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

для скрытия:

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

для видимости:

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

Другой способ сделать это с помощью метода 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); 

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

$ ( ‘Эль’) переключение ().

использовать это

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

или

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

.hide () не работает в Chrome для меня. Это работает для исключения:

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

В моем случае я делал show / hide элементы формы в зависимости от того, был ли входной элемент пустым или нет, так что при скрытии элементов элемент, следующий за скрытыми, был перемещен, занимая его пространство, необходимо было выполнить float: left элемента такого элемента. Даже используя плагин как dependOn, необходимо было использовать float.