jQuery rotate div onclick+/-90

我想知道是否有一种简单的方法可以在单击div后将其旋转+90度，并在下次返回到0度时单击它（以便div旋转-90度）。

---

因为我找不到任何东西，所以我一直在寻求你的帮助。谢谢

您可以使用toggleClass并将css转换应用于该类：

$（'button:first of type'）。在（'click'，（）=>$（'#rotate'）。切换类（'rotated'）；
const btn=document.querySelector（'按钮：类型（2）的第n个'）；
const block2=document.querySelector（“#rotate2”）；
btn.addEventListener（'click'，（）=>block2.classList.toggle（'rotated'）
body{text align:center；}
#旋转，#旋转2{
宽度：100px；
高度：100px；
背景：红色；
边框顶部：10px纯黑；
转变：转变。2轻松；
保证金：20px自动；
颜色：#fff；
}
.旋转{
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
-ms变换：旋转（90度）；
变换：旋转（90度）；
}

旋转块
jQuery
旋转块
您需要使用CSS来旋转
div
。对于
+-90
您必须添加/删除到
div
，这可以通过
切换类
轻松实现。在
单击事件中添加此行为将产生如下结果


$（'.square'）。单击（函数（）{
$（this.toggleClass（'rotate-90'）；
});
.square{
宽度：150px；
高度：100px；
背景色：红色；
}
.rotate-90{
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
-ms变换：旋转（90度）；
变换：旋转（90度）；
}

您能告诉我们您尝试了什么吗？如果不考虑支持IE<9，则可能是的副本。这里有一个你也可以用的：谢谢，这正是我想要的！我使用CSS3
转换使它变得更平滑了一点，例如：
-webkit转换：所有1都很容易很好，很乐意帮忙。除了添加“全部”，您还可以仅向变换添加变换：
#旋转{宽度：100px；高度：100px；背景：红色；边距：50px；文本对齐：居中；-webkit转换：转换1s易用；-moz转换：转换1s易用；-ms转换：转换1s易用；-o转换：转换1s易用；转换：转换1s易用；}
这可能是不使用任何插件或功能的最佳解决方案。