jquery - 自定义 jQuery 方法创建

Question

我想创建一个可以在 jQuery 对象上运行的函数或方法。请参阅jsfiddle .

$(function() {

    $("#myElem").click(function(){ 
        $(this).myMethod("red");       
    });

    var myMethod = function(myParam){
        var buttonBorder = "2px solid " + myParam;
        $(this).css("border", buttonBorder);
    };

});

第一个问题是该方法没有按我的预期工作。我收到此错误:

Uncaught TypeError: Object [object Object] has no method 'myMethod'

第二个问题(可能是由第一个问题引起的？)是 myMethod 中的 $(this) 与 $(this) 不同code> 在事件处理程序中。有没有一种方法可以让方法获取对象而无需显式地将其作为参数传递？

Answer 1

如果你想创建一个插件，你必须将其添加到jQuery.fn:

$.fn.myMethod = function(myParam){
    var buttonBorder = "2px solid " + myParam;
    $(this).css("border", buttonBorder);
};

现在您可以按照您想要的方式调用它，并且 this 也将引用正确的上下文。请参阅updated fiddle .