jQuery объект $.cssHooks

Определение и применение

jQuery объект $.cssHooks позволяет добавлять новые свойства, используемые в CSS, которые изначально не поддерживаются теми, или иными браузерами. Более подробную информацию об использовании объекта вы можете найти в официальной документации.

jQuery синтаксис:

JavaScript

$.cssHooks;

Добавлен в версии jQuery

1.4.3

Пример использования

Метод $.cssHooks() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html

HTML

<p id="sample">Цвет фона установлен через cssHooks.</p>

main.js

JavaScript

$.cssHooks.someCSSProp = {
    get(element) {
        return element.style.backgroundColor
    },
    set(element, value) {
        element.style.backgroundColor = value
    },
}
$('#sample').css('someCSSProp', 'gold')
console.log($('#sample').css('someCSSProp'))

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}