如何將字符串添加到類中javascript（jquery）

Question

我有類和字符串。 我怎樣才能把這個字符串從JavaScript到CSS？

/*css*/ 
.new{ 
} 
/*javascript*/ 
var k='margin-top: 10px;'; 

如何將字符串k放入類new？

Answer 1

也許你想要這樣的東西？

fiddle

HTML

<div class="new"> 
    <input id="amount"> 
</div> 

CSS

.new { 
    margin-top: 10px; 
    background-color: blue; 
} 

JS

$("#amount").keyup(function(){ 
    $(".new").css("margin-top", parseInt($("#amount").val())) 
}).keyup(); 

無論何時在輸入框中輸入內容時，都會更改margin-top中類別爲.new的任何元素。如果你不想用戶輸入，你可以只使用$(".new").css("margin-top", yourValue);

Answer 2

假設你有new類元素，你的CSS內容如下：

.new { 
    margin-top: 10px; 
} 

然後，您可以應用所需的類使用JavaScript（jQuery的）這些元素：

$('.new').removeClass("new"); //Remove all 'new' classes 
$(element).addClass("new"); //Add 'new' class to just that 1 element.