javascript - 我如何更改节点的旋转(转换 : rotate(30deg)) with jquery and pure js?

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) Vanilla JavaScript 通常比 eg 更快。查询。然而，在许多情况下，您需要编写更多代码才能实现跨浏览器兼容性。

代码看起来像(使用 -prefix-free 时):

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