Как создать плагин jQuery с методами в JavaScript

Чтобы создать плагин jQuery с методами, вы можете выполнить следующие действия:

  1. Определите плагин. Начните с определения плагина, используя пространство имен jQuery fn. Это позволит вам прикрепить плагин к объектам jQuery.
$.fn.yourPluginName = function() {
  // plugin code goes here
};
  1. Добавить методы. Чтобы добавить методы в свой плагин, вы можете расширить прототип функции плагина. Каждый метод будет определен как свойство объекта-прототипа.
$.fn.yourPluginName = function() {
  // Method 1
  this.method1 = function() {
    // method1 code
  };
  // Method 2
  this.method2 = function() {
    // method2 code
  };
  // more methods...
};
  1. Вызов методов. Чтобы вызвать методы, вы можете вызвать их в экземпляре вашего плагина. Вы можете использовать ключевое слово thisв методах для ссылки на текущий экземпляр.
var instance = $('#yourElement').yourPluginName();
instance.method1();
instance.method2();

Вот и все! Вы создали плагин jQuery с методами.

Вот пример плагина jQuery с двумя методами:

$.fn.myPlugin = function() {
  this.method1 = function() {
    console.log('Method 1 called');
  };
  this.method2 = function() {
    console.log('Method 2 called');
  };
};
var instance = $('#myElement').myPlugin();
instance.method1(); // Output: Method 1 called
instance.method2(); // Output: Method 2 called