jQuery: как определить текущее значение CSS атрибута?

· JavaScript, jQuery и Снипеты · 1 мин чтения

В этом небольшом снипете хочу поделиться способом получения текущего значения CSS атрибута используя jQuery.

Рабочий вариант

if( $("#somediv").css('display').toLowerCase() == 'block') {
    ...
}

Допустим, у нас есть элемент на странице с id somediv, у него есть свойство display, в условии, я лишь проверяю если это свойство равно block. Для получения свойства, я использую метод css(), которые позволяет не только получать значение свойства, но и устанавливать его.

А метод toLowerCase() мне нужен лишь для того, чтобы в случае написания block в виде BlOcK, условие все равно сработало.

Живой пример

See the Pen dZaLNb by Alexander (@bologer) on CodePen.21516

Источники