Javascript 在集合上初始化函数的优雅方法

我让函数foo将jquery包装的节点作为参数。是否有更优雅的方式在节点集上运行此函数

我的做法是：

$('.for-foo').each(function () {
    foo($(this));
});

---

您可以将选择传递给函数，如下所示：

foo($(".for-foo"));

function foo(selection) {
    selection.each(function() {
        // do stuff with each current node
    });
}

然后，您的

foo

函数将如下所示：

foo($(".for-foo"));

function foo(selection) {
    selection.each(function() {
        // do stuff with each current node
    });
}

foo

比较混乱，但至少打电话要干净得多

您的目的

foo（）

不清楚，答案可能会有所不同。一个典型的例子是：

function foo($el) {
    $el.css('color', function(i) {
        return ['black', 'green', 'yellow', 'blue', 'red'][i];
    });
}
foo( $('.for-foo') );

---

您可以将其作为插件：

$.fn.foo = function(){
  return this.each(function(){
    // do something to each element "this"
  });
};

用法：

$('.for-foo').foo();

---

这也将使它可以与其他jQuery函数链接。

函数

foo（）

的用途是什么？我想答案取决于它