jQuery .css()追加或覆盖

时间:2010-12-06 06:10:36

标签: javascript jquery html css

当在jQuery 1.4.4中附加.css()函数时,.css()会覆盖前面的每个css,还是会附加它?

e.g。

$('.GhostIcon').css('opacity', '0.25').css('filter', 'alpha(opacity=25)').css('-khtml-opacity', '0.25').css('-moz-opacity', '0.25');

其次,这有相同的行为吗?

$('.GhostIcon').css('opacity', '0.25');
$('.GhostIcon').css('filter', 'alpha(opacity=25)');
$('.GhostIcon').css('-khtml-opacity', '0.25');
$('.GhostIcon').css('-moz-opacity', '0.25');

3 个答案:

答案 0 :(得分:11)

在元素上设置CSS属性不会删除它可能已经拥有的所有其他属性。是的,这是累积的。当然,设置已设置的属性将更改该值,因为您不能两次使用相同的属性。

编辑:此外,您只需要设置不透明度。 jQuery将负责为较小的浏览器设置内容。

答案 1 :(得分:2)

应用这些样式,以便它可以跨浏览器方式工作。您也可以一次性附加CSS

$('.GhostIcon').css({'opacity': '0.25', 'filter': 'alpha(opacity=25)', '-khtml-opacity': '0.25', '-moz-opacity': '0.25'}); 

答案 2 :(得分:1)

@JD,如果它的值相同,它肯定会被覆盖,如果没有,它会追加