设置-webkit-transform并使用JS进行转换

我正在尝试使用 jQuery 更改元素的“transform”css 属性：

myBlock.css('-webkit-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-moz-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-ms-transform', 'rotate(' + angle + 'deg)');
myBlock.css('-o-transform', 'rotate(' + angle + 'deg)');
myBlock.css('transform', 'rotate(' + angle + 'deg)');

我想看到所有这些属性应用于元素，但结果只是

transform: rotate(45ged);

我尝试了 JavaScript 风格，但它也没有帮助：

myBlock.style.WebkitTransform = "rotate(" + angle + "deg)";

应用风格与前面的示例相同。 我发现信息表明，现代 jQuery 版本（从 1.8 开始）会自动删除前缀。但为什么 JS 风格会删除供应商属性呢？ 将所有这些写在一个“attr（'样式'，'属性'）”string 不是解决方案，因为在这种情况下它会删除现有样式。 所以问题是：如何使用 JS 或 jQuery 应用所有转换属性？ 谢谢你的帮助。

编辑：目标是在执行 JS 命令后在保存的 html 中具有前缀属性，而不仅仅是执行 JS 命令并根据角度值旋转 div。

也许您可以首先检索样式属性，附加您自己的样式属性，然后在元素上再次设置它。

var value = element.getAttribute('style');
value += 'your new style attributes';
element.setAttribute('style', value);