Javascript css()追加或覆盖

Javascript css()追加或覆盖,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在jQuery 1.4.4中追加.css()函数时,.css()会覆盖前面的每个css吗?还是会追加它 e、 g 第二,这是否具有相同的行为 $('.GhostIcon').css('opacity', '0.25'); $('.GhostIcon').css('filter', 'alpha(opacity=25)'); $('.GhostIcon').css('-khtml-opacity', '0.25'); $('.GhostIcon').css('-moz-opacity', '0.2

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

e、 g

第二,这是否具有相同的行为

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

在元素上设置CSS属性不会删除它可能已经具有的所有其他属性。所以是的,它是累积的。当然,设置一个已经设置的属性会改变值,因为同一个属性不能有两次


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

应用这些样式,以便跨浏览器工作。您还可以在一次操作中附加CSS

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

@JD,如果它具有相同的值,它将明确覆盖,如果没有,它将出现

您可以链接您的函数调用,但是css有一个更好的快捷方式,使用对象:
$('.GhostIcon').css({'opacity':'0.25','filter':'alpha(opacity=25'),})您可能还想考虑添加和移除类,而不是将CSS直接放在元素上,因为将来会更容易管理,例如,如果您决定不透明度级别需要SuthEnthChansRuHul。这节省了很多时间!!“在元素上设置CSS属性不会删除所有其他属性”-这不一定是真的,如果CSS在另一个框架中设置,例如angular,它将被覆盖。
$('.GhostIcon').css({'opacity': '0.25', 'filter': 'alpha(opacity=25)', '-khtml-opacity': '0.25', '-moz-opacity': '0.25'});