如何使用jQuery将多个CSS元素添加到div?

时间:2011-04-19 18:18:44

标签: jquery css

我想这样做:

<div style="float: left;
            width: 59px;
            background: transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px;"
     class="cIconSmall">
</div>

我想我应该用这个:

$("#YourElementID").css({
    float: "left",
    width: "59px",
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px"
});

有什么想法吗?

由于

3 个答案:

答案 0 :(得分:48)

你的想法正确。使用css(map)方法是可行的方法。

$(".cIconSmall").css({
    float: "left", 
    width: "59px", 
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px" 
});

http://api.jquery.com/css/

  

要设置的属性 - 值对的映射。


作为一个css课可能会更好,但是......那么你可以写$(".cIconSmall").addClass("icon47");但是有时间可以做任何事......

答案 1 :(得分:2)

$(".yourClass").css({
    float: "left",
    width: "59px",
    background: "transparent url('http://download.com/47.jpg') no-repeat scroll -132px -1px"
});

答案 2 :(得分:0)

我发现,安德鲁·洛尔(Andrew Lohr)在接受的解决方案中的评论肯定是使它在脚本中起作用的唯一方法:$('#selector').css({'property': 'val','property': 'val'});(感谢安德鲁)。