jquery - 如何在 jQuery 的“子函数”中使用 $(this)？

Question

这个函数调用

$('#mydiv').paintRed();

如果您使用以下代码，则使用 id mydiv将 DOM 元素的背景绘制为红色：

$.fn.paintRed = function() {
    $(this).css("background-color", "red");
}

哦，那好吧。但现在我想“分组”我自己的功能。现在我想让程序员使用这个函数调用来实现和上面一样：

$('#mydiv').subsub.paintRed();

我该如何做到这一点？

（或者，如果上述要求不可行，还有其他方法吗？）

Answer 1

    $.fn.subsub= function() {
       var that = this;
        return {
            "paintRed" : function(){
                $(that).css("background-color", "red");
            },
            "yourOwnFunction1" : function(){
                 //code here
             },
            "yourOwnFunction2" : function(){
                 //code here
             }
        };
    }
    $("#mydiv").subsub().paintRed();
//  $("#mydiv").subsub().yourOwnFunction1();

返回一个具有paintRed作为其属性的对象。通过使用这种方法，您的所有功能都可以“分组”到该subsub功能中。

小提琴

Answer 2

您可以使用 jquery 扩展函数

$.fn.someFunctionName = function(){
// do something
}

在这里查看演示