Как эффективно обновлять css на нескольких классах селектора в jquery

Question

Я хочу обновить css из множества классов объектов с тем же значением. Например:

$("selector1").css("background-color", "#abc"); 
$("selector2").css("background-color", "#abc"); 
... 
$("selector50").css("background-color", "#abc"); 

Я использую рамки виджет с буквально сотни классов, CSS мне нужно обновить с несколькими функциями Jquery, вроде упрощенной визуализации ThemeRoller. В настоящий момент я просматриваю свой файл css и добавляю классы в массив javascript в своем коде, а затем пользователь может обновить css с помощью автоматически вызванной функции arrayOfSelectors.each(), когда они обновляют, например, <input type="color">.

Очень сложно вручную собрать все классы виджетов в массив. Есть ли более разумный способ сделать это?

Answer 1

Вы можете использовать общий класс для всех элементов. обратите внимание, что элементы могут иметь несколько классов. то вы можете использовать, как,

$(".commonClass").css("background-color", "#abc"); 

Или вы можете использовать запятую селекторов, как это так,

$("selector1,selector2,selector3").css("background-color", "#abc"); 

Другой вариант заключается в использовании атрибута начинается с выбора.

$("[id^=selector]").css("background-color", "#abc"); 

это выберет все элементы, идентификатор которых начинается с «селектора».

Answer 2

с использованием разделенного запятыми нескольких селекторов. Пример:

$("selector1,selector2").css("background-color", "#abc")