Как проверить, скрыт ли элемент в jQuery?

Question

Можно переключать видимость элемента, используя функции .hide(), .show() или .toggle().

Как бы вы проверили, является ли элемент видимым или скрытым?

Answer 1

Вы можете сделать это:

isHidden = function(element){
    return (element.style.display === "none");
};

if(isHidden($("element")) == true){
    // something
}

Answer 2

Вы можете использовать класс CSS, когда он виден или скрыт, переключая класс.

.show{ display :block; }

Установите JQuery toggleClass() или addClass() или removeClass();.

В качестве примера

jQuery('#myID').toggleClass('show')

Приведенный выше код добавит show класс css, когда элемент не имеет show, и удалит, когда у него будет show класс.

И когда вы проверяете, является ли он видимым или нет, вы можете следовать этому коду jQuery,

jQuery('#myID').hasClass('show');

Приведенный выше код вернет логическое значение (true), когда элемент #myID имеет наш класс (show), и значение false, если у него нет класса (show).

Answer 3

$('someElement').on('click', function(){ $('elementToToggle').is(':visible')