Работа с CSS в jQuery

.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" ).

1 комментарий

  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 не будет опубликован. Обязательные поля помечены *