Javascript 如何使用jquery应用复杂的生成样式？

假设我们生成了这样的字符串：

    background:#6356ff;
background:url(data:image/svg+xml;
base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNTZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWI2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:linear-gradient(top,#6356ff 0%,#75b6ff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6356ff',endColorstr='#75b6ff',GradientType=0 );

---

现在我们想将这种复杂的样式应用到我们的文档html和正文中。如何使用jQuery执行这样的操作

只需将其放入css类中，然后

addClass（）

加上

$('#box').attr('style',str);

使用以下代码段可以添加到现有样式中

$('#box').attr('style',$('#box').attr('style')+str);

---

是否应该引用实际值或其他内容？编辑：哦，等等。。。这是一个CSS定义？我相信OP要求将“生成的字符串”作为CSS应用……我认为这并不能回答这个问题。他们将CSS作为javascript字符串，我想他们想知道如何通过javascript应用它。

$('#box').attr('style',$('#box').attr('style')+str);