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



4 Answers

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

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') переключения ().

Question

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




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

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



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

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



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

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




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

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

)}



Related