如何應用相同的CSS屬性，而不覆蓋和多次使用jQuery？

Question

如何應用相同的CSS屬性而不覆蓋和多次使用jQuery？

$(function() { 

    $("#hello").css({ 

    // Is there a way to apply both of these instead of having the second override the first? 

    "background-image" : "-webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999))", 
    "background-image" : "-moz-linear-gradient(top, #444444, #999999)" 

    }); 

}）;

Answer 1

用;分隔每個'指令'。

$("#hello").css({ 
    "background-image" : "-webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999));-moz-linear-gradient(top, #444444, #999999)" 
}); 

或者，把它變成一個單一的CSS類，並做這麼多漂亮和管理的方式：

.gradient { 
    -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); 
    -moz-linear-gradient(top, #444444, #999999); 
} 


$("#hello").addClass("gradient");