2011-04-19 115 views
18

我想做到這一點:如何使用jQuery將多個CSS元素添加到div?

<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

是的,這是正確的語法。你爲什麼不試試呢? – Alnitak 2011-04-19 18:21:17

+3

您首次發佈的代碼唯一錯誤的是,您不需要'$('#YourElementId')',因爲div有一個類而不是Id,所以您需要執行$('。YourClassName')'謝謝 – Dutchie432 2011-04-19 18:24:09

回答

46

你在想的是對的。使用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");但有適用於所有的時間...

+0

謝謝,我正在考慮添加一個班級,但我的鏈接每次都會有所不同。 – Patrioticcow 2011-04-19 18:31:28

+3

我很抱歉,但它不工作 ,直到我把浮標,寬度,反向引用引號 – 2015-01-23 13:20:58

+4

我不得不這樣做才能工作。 ($''#''')。css({'property':'val','property':'val'});' – 2015-09-06 20:33:26

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