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




(10)

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

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


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

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

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

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

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

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

)}

(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);

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

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


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

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


для скрытия:

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

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

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

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

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

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


ПРЕДУПРЕЖДЕНИЕ: этот ответ был просто предоставлен в качестве возможного решения; это, очевидно, не лучшее решение, так как для этого требуется jQuery. Вместо этого предпочитайте чистое решение JavaScript.

$(location).attr('href', 'http://.com')




jquery jquery-selectors