Как проверить наличие CSS свойства через jquery?

Пользователь

от adela , в категории: HTML/CSS , 3 года назад

Как проверить наличие CSS свойства через jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@adela Вы можете использовать css() метод в jQuery чтобы проверить наличие CSS свойства, ниже пример проверки display свойства CSS через jQuery:


1
2
3
4
5
6
7
if ($('.class_name').css("display") === 'flex') {
    // Если "display": flex
}

if ($('.class_name').css("display") === undefined) {
    // Если display css свойство не задано
}


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от hermina.hauck , 2 года назад

@adela 

Чтобы проверить наличие CSS свойства для элемента через jQuery, можно использовать метод css(). Метод css() может принимать один или два аргумента.


Если передать только один аргумент, то метод css() вернет значение указанного свойства для первого элемента в наборе элементов.


Если передать два аргумента, то метод css() устанавливает значение свойства для всех элементов в наборе элементов.


Чтобы проверить наличие свойства для элемента, можно использовать метод css() с одним аргументом и проверить, что возвращаемое значение не равно undefined. Например:

1
2
3
if ($('#my-element').css('background-color') !== undefined) {
  // свойство background-color определено для элемента
}


В данном примере мы проверяем наличие свойства background-color для элемента с id="my-element". Если значение свойства не равно undefined, то мы можем убедиться, что свойство определено для элемента.