使用'这个'使用set选择器为变量添加函数

时间:2015-09-14 13:52:01

标签: javascript jquery

说,我有一个已设置为所需选择器的变量。然后,为了保持代码清洁,我将函数添加到该变量。因此,在该函数和访问函数中使用链接选择器访问原始变量是个好主意,我将来可以使用'这个'来添加。如果有更好的方法来实现它,请继续,我想知道它。

var elementzero = $('.element-class');

elementzero.initialize = function() {
    // is there possible to access elementzero selector by 'this'
    $(this).addClass('loaded');

    // and call elementzero.someFunction using the same 'this'
    this.someFunction();
}

elementzero.someFunction = function() {
    console.log('someFunction');
}

elementzero.initialize();

1 个答案:

答案 0 :(得分:3)

将ad-hoc函数添加到jQuery对象可能不是一个好主意。保持jQuery和你的图层是分开的。

也许你可以像这样定义一个控制器对象:

var elementzero = $('.element-class');
var controller = {
    initialize: function() {
        elementzero.addClass('loaded');
        controller.someFunction();
    },
    someFunction: function() {
        console.log('someFunction');
    }
};

controller.initialize();

您可能还想查看一个JavaScript框架来帮助您构建代码。