使用 jQuery addClass CSS 旋转元素

Question

所以，我开始学习 jQuery，并尝试使用 addClass 和 CSS 转换来旋转元素。这是我的代码；

http://codepen.io/anon/pen/IAszu

这似乎很基本，但我不明白为什么它不起作用。

非常感谢您的帮助。

Answer 1

您的selector 不正确：

$(document).ready (function() {
  $("theDiv").addClass("rotate");
});

应该是：

$(document).ready (function() {
  $("#theDiv").addClass("rotate");
});

为了获得最大的兼容性，您应该添加-ms-transform: rotate(180deg) 和-webkit-transform: rotate(180deg);。

有了这些更改，它对我有用。

编辑：Working CodePen with changes.

当然，我花了整整一分钟想知道你是否在拖钓，因为你要求我们帮助你旋转......一个圆圈。