在对象类上实现jQuery作用域的最佳方法？

Question

在jQuery中，我想定义充当类的对象（具有私有和公共方法/属性）。 但是也可以定义该对象的作用域。 为了说明，请考虑以下伪代码：

var myclass = function(context) {
    $.setscope(context);  // <-- this is not real, but I want something like this

    this.getItems = function() {
        return $('.grid');  // after calling `setscope` above, this will look in the scope of #page1
    };
}
var myclass_instance = new myclass("#page1");

基本上是这样做的，当我从myclass_instance中“选择”某项内容时，它将强制jQuery自动使用#page1的范围。 其中的所有代码（公共或私有）都应自动使用该范围。 换句话说，我不必return $('#page1').find('.grid'); 。

我现在拥有的是var context = '#page'; 定义在顶部，然后$(context).find(...在类中的任何地方。这似乎有点多余。

有谁知道这是否可能，如果没有，最好的方法是实现这一点？

Answer 1

也许是这样的吗？

function myClass(context) {
  var _$ = $,
      $ = function() {
        return _$.find(context).apply(this, Array.prototype.slice.call(arguments));
      };

  this.getItems = function() { return $('.grid'); }
}

Answer 2

听起来您正在寻找的是非常简单的抽象。 只需在MyClass上定义一个始终在实例化设置的范围内查询dom的方法即可：

var MyClass = function(scope) {
   this.scope = scope;
};

MyClass.prototype.get = function(selector) {
  return $(selector,this.scope);
}

MyClass.doStuff = function() {
   var $el = this.get('#someid');
   //do some stuff with $el;
}

var o = new MyClass('#scope');