Question

假设我有一个接受多个jQuery对象的函数：

workWithThreeObjs($('.content'),
                  $('h1'),
                  $('input[type=button]'));

我像这样定义我的函数：

function workWithThreeObjs(p, h1, buttons) {
    ...
}

在这个函数中，我想像这样对所有人应用边框

$(p, h1, buttons).css(...);

我该怎么做？现在它只适用于p。

我的函数代码不控制传递给它的内容，因此我无法更改用于创建参数的选择器。我必须只对提供的jQuery对象进行操作。

Answer 1

假设您要使用变量

使用 $.fn.add()

创建一个新的jQuery对象，其中元素已添加到匹配元素集中。

var p = $('.content'),
    h1 = $('h1'),
    buttons = $('input[type=button]');

p.add(h1).add(buttons).css({})

DEMO

Answer 2

var p = $('.content'),
        h1 = $('h1'),
        buttons = $('input[type=button]');

function workAnyNumberofObjects() {
  for(var i=0; i<arguments.length; i++){
    arguments[i].css('border', '1px solid blue')
  }
}

workAnyNumberofObjects(p,h1,buttons);

您应该可以在这里使用任意数量的选择器

如何对jquery对象进行分组以将css应用于一起？

2 个答案: