你有办法改变一个独特的东西，并同时应用于所有元素，这是一个：
CSS。
如果您有许多相同的类，例如：.testclass，并且您希望更改所有background-color，首先，创建一个名为test.css的文件，并将其放入页面的同一根文件夹中。
将此css放入您的test.css：

.testclass{ background-color: red;}

执行该javascript代码：

$('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'test.css') );

然后javascript将使页面加载一个新的css，其中包含用于apply的背景色代码，以应用于所有具有类**.testclass**的元素。
这样，您就不会进行迭代并同时应用于所有元素。
--编辑--
我知道你想要什么了。我已经找到了如何克隆DOM，我克隆了一个，然后追加到正文，看这个：

$('your_select_identifier').change(function(e){ //when your select has changed...
  $('the_other_select').remove();//here i removed the old one.
  document.body.appendChild($('your_select_identifier')[0].cloneNode()); //here i cloned the DOM Node of your main select and did append on the document body as the new select.
});

我希望你能做你想要的：）（我已经花了一段时间与kkk。

如果我没理解错的话，您可以使用.each()。
迭代一个jQuery对象，为每个匹配的元素执行一个函数。
示例：

$('.class').each(function() {
  $(this).css('color','blue');
});

Demo .
更新日期：
你也可以这样做：

$("<style>")
        .prop("type", "text/css")
        .html("\
        .class {\
        color: blue;\
        }")
        .appendTo("head");

我想你要找的是一个可以应用于所有1000个元素的CSSStyleRule。你只需要改变一个CSSStyleRule的属性，而不需要循环遍历所有1000个元素并改变每个元素的样式属性。
例如，它可能如下所示：

const style = document.createElement("style");
document.head.appendChild(style);

const color = [255, 255, 255];
const incrementor = [-1, -1, -1];
style.textContent = `
    .class {
        color: rgb(${color.join(",")});
    }
`;

const cssRule = style.sheet.cssRules[0]; // instanceof CSSStyleRule

requestAnimationFrame(function changeColor () {

    cssRule.style.backgroundColor = `rgb(${color.join(",")})`;

    const index = Math.floor(Math.random() * 3);
    color[index] += incrementor[index];
    if (color[index] === 0) incrementor[index] = 1;
    else if (color[index] === 255) incrementor[index] = -1;

    requestAnimationFrame(changeColor);
});