Як я можу змінити властивість відображення CSS або заблокувати властивість за допомогою jQuery?

Як я можу змінити властивість відображення CSS або заблокувати властивість за допомогою jQuery?

Правильний спосіб зробити це полягає у використанні showі hide:

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

Альтернативний спосіб - використовувати метод cQ jQuery :

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

Існує кілька способів досягти цього, кожен зі своєю цільовою метою.

1. ) Використовувати вбудований , просто призначаючи елементу список справ

$('#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. ) Для динамічного перемикання між блоком і жодним, якщо це діл

• деякі елементи відображаються в вигляді інлайн, вбудований блоку, або таблиць, в залежності від Того г N AME

$ ('# ele_id'). toggle ();

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

Для приховування:

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

Для показу:

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

Інший спосіб зробити це за допомогою методу 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);

Якщо ви хочете приховати та показати елемент, залежно від того, він уже видно чи ні, ви можете використовувати toggle замість .hide()та.show()

$('elem').toggle();

.hide () не працює для Chrome.

Це працює для приховування:

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

У моєму випадку я робив показ / приховування елементів форми відповідно до того, чи вхідний елемент був порожнім чи ні, так що при приховуванні елементів елемент, що слідує за прихованими, переставлявся, займаючи його простір, потрібно було зробити float: left елемента такого елемента. Навіть використовуючи плагін залежно від того, що потрібно було використовувати float.

Використовуй це:

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

Або:

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

Використання:

$(#id/.class).show()
$(#id/.class).hide()

Це найкращий спосіб.