Основы создания jQuery плагина

Для того чтобы создать плагин jQuery, необходимо понимать его структуру. Базовая структура может задаваться путем установки функции jQuery, как показано в следующем примере.

jQuery.fn.yourFunctionName = function() {
  //code
};

Хорошей практикой считается добавление this.each(function(){…});, для того чтобы функция пробегала каждый элемент в селекторе jQuery.

jQuery.fn.yourFunctionName = function() {
  return this.each(function(){
    //code
  });
};

В отличие от WordPress, jQuery не требует отформатированного комментария в заголовке. Несмотря на это, лучше всего указать его для большего удобства пользователей. Выглядеть он может следующим образом:

/*
You can name the plugin
Give some information about it
Share some details about yourself
Maybe offer contact info for support questions
*/
jQuery.fn.yourFunctionName = function() {
  return this.each(function(){
    //code
  });
};

Любая функция или метод, используемые в плагине, должны обязательно заканчиваться символом «;» (точка с запятой).

Этой информации будет достаточно для того, чтобы приступить к улучшению нашего WordPress плагина.