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