避免在jQuery中重复代码

Question

有没有办法删除这个重复的代码？

ldbShow.css({
    'left': 'auto',
    'top': 'auto'
})
ldbForum.css({
    'left': 'auto',
    'top': 'auto'
})

我在考虑这样的事情：

(ldbForum, ldbShow).css({
    'left': 'auto',
    'top': 'auto'
})

Answer 1

您可以将样式声明为对象并重复使用。

var css = { 'left': 'auto', 'top': 'auto' };
ldbShow.css(css);
ldbForum.css(css);

Answer 2

您可以使用add()方法将两个或多个jQuery对象连接在一起：

ldbShow.add(ldbForum).css({
    'left': 'auto',
    'top': 'auto'
});

请注意，更好的解决方案是在所有元素上使用公共类，然后在单个jQuery对象中选择它们。

Answer 3

使用.add()方法：

ldbShow.add(ldbForum).css({
    'left': 'auto',
    'top': 'auto'
})

Answer 4

您可以使用.add()方法

  

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

ldbForum.add(ldbShow).css({
'left': 'auto',
'top': 'auto'
})