jQuery .css() append or overwrite

Question

When appending the .css() function in jQuery 1.4.4 will the .css() override each of the preceding css, or will it append it?

e.g.

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

And secondly, does this have the same behaviour?

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

Answer 1

Setting a CSS property on an element will not remove all the other properties it might already have. So yes, it's cumulative. Of course setting a property that's already set will change the value, since you can't have the same property twice.

Edit: Also, you only need to set opacity. jQuery will take care of setting things for lesser browsers.

Answer 2

These styles are applied so that it will work cross browser way. Also you can append the CSS in a single go

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