有没有办法修改jQuery对象本身？

Question

在jquery对象上使用.add ， .remove等函数时，jQuery对象本身未修改，结果被返回的新jQuery对象捕获。

有没有办法修改对象本身？

我需要它，因此我可以使用通过引用传递的jQuery编写函数，如下所示：

function DoThings(refJQuery) {
    refJQuery.find(...).remove(...);

    if (refJQuery.length > 0) {
        DoThings(refJQuery);
    }
}

重要说明：此代码示例仅是出于“通过引用传递值”的目的/用途的提示。

Answer 1

不，jQuery集合被设计为不可变的（您可以更改其属性，但不应这样做，它们是实现的一部分，而不是API）

当您要将不可变的对象传递给函数并对其进行修改时，通常是采用组合的方法（假设采用返回值是不可行的）。

通常，您应该使用自定义对象。 但是，您也可以根据需要设计通用装饰器：

function MutableJQueryObject(jqo){
  this.jqo = jqo;
}
['add','find','filter',].forEach(function(k){
    MutableJQueryObject.prototype[k] = function(){
      this.jqo = $.fn[k].apply(this.jqo, arguments);
    }
});
['html','remove'].forEach(function(k){
    MutableJQueryObject.prototype[k] = function(){
      return this.jqo[k].apply(this.jqo, arguments);
    }
});
$.fn.mutable = function(){
  return new MutableJQueryObject(this);
}

因此，您将构建一个可变对象：

var $e = $('body').mutable();
console.log($e.html()); // html of the body
(function($c){
    $c.find('div'); // change the object
})($e);
console.log($e.html()); // html of the div