javascript - 对象作为 jQuery.fn 原型(prototype)？

Question

如果我这样定义原型(prototype)

jQuery.fn.myFunc = function() {
    console.log(this);
}

并这样调用它:

$('div').myFunc();

myFunc 中的

this 将引用 jQuery 对象选择。

现在，如果我不想用多个附加函数污染.fn，我可以做类似的事情

jQuery.fn.myPlugin =  {

    myFunc1: function() {

    },

    myFunc2: function() {

    }       

}

如果我将其命名为 $('div').myPlugin.myFunc1(); - 如何获取对 myFunc1 内选定对象的引用？或者有不同的、更好的方法吗？

Answer 1

不。不能那样做。相反，将其定义为函数，然后向该函数添加属性。

jQuery.fn.myPlugin = function() {
    console.log(this);
};

jQuery.fn.myPlugin.myFunc1 = function() {

};

jQuery.fn.myPlugin.myFunc2 = function() {

};

请注意，myFunc1 和 myFunc2 仍然无法访问所选元素，因此以这种方式定义它们相对没有用，除了它们可以很容易地被其他开发人员覆盖(这是一件好事)之外

在插件中添加其他方法的正常方法是让插件方法接受一个参数，该参数可以是用于初始化插件的对象，也可以是用于在元素上执行目标方法的字符串。例如，$("somediv").myPlugin("myFunc1")