Как сделать проверку на css свойство в jquery?

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

от brook , в категории: JavaScript , 7 месяцев назад

Как сделать проверку на css свойство в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от nicola , 7 месяцев назад

@brook 

Для проверки css свойства с использованием jQuery, вы можете использовать метод css(). Этот метод позволяет получить значение css свойства для выбранных элементов или установить значение css свойства для выбранных элементов.


Чтобы проверить наличие css свойства, вы можете использовать следующий код:

1
2
3
4
5
if ($(element).css('property-name') !== undefined) {
  // свойство есть
} else {
  // свойства нет 
}


Здесь element - это выбранный элемент или его селектор, а 'property-name' - это название css свойства, которое вы хотите проверить.


Пример:

1


1
2
3
4
5
if ($('#myElement').css('background-color') !== undefined) {
  console.log('Свойство background-color есть');
} else {
  console.log('Свойства background-color нет');
}


Результат выполнения кода будет: "Свойство background-color есть", так как у элемента есть css свойство background-color.


Вы также можете проверить значение конкретного css свойства, используя этот же подход. Например:

1
2
3
4
5
if ($('#myElement').css('background-color') === 'red') {
  console.log('Значение свойства background-color равно red');
} else {
  console.log('Значение свойства background-color не равно red');
}


Результат выполнения кода будет: "Значение свойства background-color равно red".


Надеюсь, это поможет вам сделать проверку на css свойство в jQuery.