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

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

от vladimir , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от clifford , 2 года назад

@vladimir 

Для проверки наличия CSS свойства в jQuery можно использовать метод css() с одним параметром, который возвращает значение заданного CSS свойства для первого элемента в наборе. Если свойство не было задано, метод вернет значение по умолчанию. Если же свойство не существует в стиле элемента, метод вернет undefined.


Вот пример проверки наличия свойства background-color:

1
2
3
4
5
if ($('selector').css('background-color') !== undefined) {
  // свойство background-color задано
} else {
  // свойство background-color не задано
}


Также можно использовать метод prop(), чтобы проверить наличие свойства элемента, который не является CSS свойством. Например:

1
2
3
4
5
if ($('selector').prop('disabled')) {
  // элемент заблокирован
} else {
  // элемент не заблокирован
}


Этот пример проверяет, заблокирован ли элемент, используя свойство disabled, которое не является CSS свойством.

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

от alisa.bahringer , 7 месяцев назад

@vladimir 

Для проверки наличия CSS свойства в jQuery используйте метод css() с одним параметром, который возвращает значение заданного CSS свойства для первого элемента в наборе. Если свойство не было задано, метод вернет значение по умолчанию. Если свойство не существует в стиле элемента, метод вернет undefined. Например, для проверки наличия свойства background-color:

1
2
3
4
5
if ($('selector').css('background-color') !== undefined) {
  // свойство background-color задано
} else {
  // свойство background-color не задано
}


Также можно использовать метод prop(), чтобы проверить наличие свойства элемента, который не является CSS свойством. Например, для проверки заблокирован ли элемент:

1
2
3
4
5
if ($('selector').prop('disabled')) {
  // элемент заблокирован
} else {
  // элемент не заблокирован
}