Как я могу изменить стиль нескольких элементов, используя jQuery?

Question

У меня есть одна таблица стилей CSS с такими правилами:

h1, h2, h3, h4, .contentheading, .title{

 font-size: 13px ;
 font-weight: normal;
 font-family: Arial, Geneva, Helvetica, sans-serif ;
}

Теги, классы генерируются плагином, поэтому я не могу добавить к нему ни одного класса.

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

Answer 1

Вы можете сделать несколько селекторов в jQuery, как в Css. Возможно, не самая лучшая в плане производительности, но сработает.

$('h1, h2, h3, h4, .contentheading, .title').css('color', 'red');
$('h1, h2, h3, h4, .contentheading, .title').addClass('someOtherClass');

Answer 2

Это очень просто с jQuery. Просто используйте рассматриваемые селекторы в качестве селекторов jQuery, затем измените CSS. Так что код JavaScript / jQuery был бы таким, предполагая, что вы хотите изменить font-size и font-weight:

$('h1, h2, h3, h4, .contentheading, .title').css({
  'font-size': '17px',
  'font-weight': 'bold'
});

Похоже, вы новичок в jQuery, вы, вероятно, хотите ознакомиться с документами и API сайтами.

Answer 3

Поскольку этот вопрос помечен как jQuery, использование селектора * должно помочь вам получить все элементы. Затем вы можете использовать метод css для изменения стилей.

$('*').css();

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

* {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Geneva, Helvetica, sans-serif;
}

Answer 4

$('h1,h2,h3,h4,.contentheading,.title').css({ 'color': '#fff' });

Answer 5

В CSS:

* {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Geneva, Helvetica, sans-serif;
}