如何用jquery和纯js改变节点的旋转（transform：rotate（30deg））？

Question

1.以下哪种方法最适合支持尽可能多的浏览器？：

-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
 transform: rotate(30deg);

如果我使用jquery，jquery是否提供了一种只设置1来处理浏览器差异的方法？

2.使用纯JS或jquery性能明智的区别是什么？我怎么用纯JS设置呢？

考虑到我喜欢100-300项，我必须改变。这需要很快改变。

Answer 1

1）使用-prefix-free

2）香草JavaScript通常比例如快。 jQuery的。但是，在许多情况下，您需要编写更多代码才能实现跨浏览器兼容性。

代码看起来像（当使用-prefix-free时）：

[].forEach.call(document.querySelectorAll(".elementsToRotate"), function(elem) { 
    elem.style['transform'] = "rotate(30deg)";
});