我可以在jQuery中将相同的样式应用于两个元素,就像在CSS中一样对它们进行分组吗?

时间:2013-04-10 22:22:28

标签: jquery css readability

这只是为了保持代码更整洁。在CSS中,我可以对这样的元素进行分组:

.element1,
.element2,
.element3,
.element4,
.element5,
.element6 {
 font-weight:bold;
}

jQuery中有类似内容,或者我必须单独设置它们。

$('.element1').css('font-weight', 'bold');
$('.element2').css('font-weight', 'bold');
$('.element3').css('font-weight', 'bold');
etc

我想我想象的是

$('.element1', '.element2', etc).css('font-weight', 'bold);

5 个答案:

答案 0 :(得分:6)

更简单的是,你可以在jQuery中使用与CSS中完全相同的选择器:

$('.element1, .element2').css('font-weight', 'bold);

答案 1 :(得分:2)

简单的答案是肯定的,你可以这样做。但是使用CSS语法对选择器进行分组。

$('.element1, .element2, .element3').css('font-weight', 'bold');

答案 2 :(得分:1)

$('.element1, .element2, etc').css('font-weight', 'bold');

JQuery multiple selectors

答案 3 :(得分:1)

是的,你可以!

Except you want it like this: $('.element1,.element2').css('font-weight', 'bold);

来源:http://api.jquery.com/multiple-selector/

答案 4 :(得分:1)

使用multiple selectors。例如:

$("div,span,p.myClass").css("border","3px solid red");