Работа с CSS

.css() — возвращает или изменяет значения css-величин у выбранных элементов страницы.

Функция имеет четыре варианта использования.

Возвращает значение свойства propertyName у выбранного элемента. Если выбрано несколько элементов, то значение будет взято у первого.

  • propertyName — имя свойства.

Устанавливает значение value свойству propertyName для всех элементов набора jQuery.

  • propertyName — имя свойства;
  • value — значение, присваиваемое свойству.

Присваивает свойству propertyName значение, возвращенное функцией function() для всех элементов набора jQuery.

  • propertyName — имя свойства;
  • function (index, value) — функция, которая вызывается индивидуально для каждого отдельного элемента в наборе, а возвращаемое ею значение становится значением атрибута
    • index — позиция элемента в наборе;
    • value — текущее значение свойства propertyName у элемента.

Присваивает одновременно несколько свойств для всех элементов набора jQuery, с помощью объекта отображения.

  • properties — {имя_свойства1: значение, имя_свойства2: значение и т.д.}

Метод .css() позволяет легко получить значение свойства вычисляемого стиля из первого соответствующего элемента, особенно с учетом различных способов доступа браузерами к большинству этих свойств. Например, Internet Explorer обращается к свойству float как styleFloat, а W3C-браузер как cssFloat. В jQuery вы можете просто использовать «float», а библиотека сама будет переводить его на правильное значение для каждого браузера.

Кроме того, jQuery в равной степени может интерпретировать код CSS и DOM для свойств, название которых состоит из нескольких слов. Например, jQuery понимает и возвращает правильное значение для .css( "background-color") и для .css( "backgroundColor"). Это означает, что смешанное написание имеет особое значение, например .css( "WiDtH" ) не будет делать то же самое, что и .css( "width" ).

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *