На этом шаге мы рассмотрим создание и особенности использования модулей расширения.
Написанная нами функция alternateRowColors() является отличным кандидатом, чтобы стать модулем расширения к библиотеке jQuery. Фактически любую операцию, которая должна применяться к множеству элементов DOM, можно легко превратить в модуль расширения. Для этого достаточно лишь немного изменить существующую функцию:
jQuery.fn.alternateRowColors = function() {
$('tbody tr:odd' , this)
.removeClass('even').addClass('odd');
$('tbody tr:even' , this)
.removeClass('odd').addClass('even');
return this;
};
Мы внесли в функцию три важных изменения.
- Мы определили ее уже не как самостоятельную функцию, а как новое свойство jQuery.fn. Тем самым мы зарегистрировали функцию как метод модуля расширения.
- Взамен аргумента $table мы использовали ключевое слово this. Внутри метода модуля расширения оно будет ссылаться на объект jQuery, над которым выполняется операция.
- Наконец, функция возвращает ссылку this. Передача объекта jQuery в качестве возвращаемого значения обеспечивает возможность включения нашего нового метода в цепочку.
Определив новый модуль расширения, мы можем использовать более естественную для jQuery форму вызова метода $table.alternateRowColors() вместо alternateRowColors($table).
На следующем шаге мы рассмотрим проблемы производительности.
