Работа с CSS в jQuery

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

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

.css( propertyName )

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

  • propertyName — имя свойства.
.css( propertyName, value )

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

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

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

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

Присваивает одновременно несколько свойств для всех элементов набора 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" ).

Один ответ к «Работа с CSS в jQuery»

  1. Здравствуйте. Есть вот такой код –
    —-
    var nowPlayingTimeout;
    var nowPlaying;

    function loadNowPlaying() {
    $.ajax({
    cache: false,
    dataType: “json”,
    url: ‘http://site.com/api/nowplaying/station_shortcode’,
    success: function(np) {
    // Do something with the Now Playing data.
    nowPlaying = np;

    nowPlayingTimeout = setTimeout(loadNowPlaying, 15000);
    }
    }).fail(function() {
    nowPlayingTimeout = setTimeout(loadNowPlaying, 30000);
    });
    }

    $(function() {
    loadNowPlaying();
    });
    ——
    Можете подсказать каким образом его можно вывести в вордпресс, чтобы при этом информация автоматически обновлялась?

Добавить комментарий

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