使用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。

当然，我花了一分钟时间想知道你是否在拖钓，因为你要我们帮你转一圈......