Как изменить стиль нескольких элементов с помощью jQuery?

У меня есть один таблицу стилей CSS с правилами, как это:Как изменить стиль нескольких элементов с помощью jQuery?

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

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

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

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

источник

2009-12-02 Anonymous

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

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

источник

2009-12-02 23:11:17 redsquare

Вместо того чтобы выполнять поиск дважды, он будет лучше связывать вызовы методов: '$ ('h1 ...'). Css ('color', 'red'). AddClass ('someOtherClass');' –

Это был пример, чтобы показать, как применить CSS ко всем этим элементам или применить класс ..... – redsquare

В CSS:

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

источник

2009-12-02 23:11:24

Есть ли способ, когда я могу получить текущий размер шрифта всех элементов, а затем увеличить на один – 2009-12-02 23:15:46

Да , Просто перебирайте каждый элемент. Однако две проблемы. Это может быть дорого, если DOM большой, и размер не должен быть px, это может быть pt, em или% тоже. Это затрудняет работу. Почему вы все равно хотите сделать это на JavaScript? –

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

источник

2009-12-02 23:11:41

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

$('*').css();

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

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

источник

2009-12-02 23:12:21 mauris

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

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

Похоже, вы новичок в JQuery, вы, вероятно, хотите, чтобы ознакомиться с сайтами docs и api.

источник

2009-12-02 23:13:04 artlung

Как изменить стиль нескольких элементов с помощью jQuery?

ответ

Смежные вопросы