Как добавить несколько элементов CSS в div с помощью jQuery?

Я хотел бы сделать это:

<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"
});

Любые идеи?

Спасибо

Ответ 1

Ты думаешь правильно. Использование метода 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");, но есть время для всего...

Ответ 2

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

Ответ 3

Я обнаружил, что комментарий Эндрю Лора в принятом решении, безусловно, единственный способ, которым я заставил это работать в моем сценарии: $('#selector').css({'property': 'val','property': 'val'}); (и спасибо Эндрю).