Javascript 使用css转换div

以下是我的代码片段：

$（文档）.ready（函数（）{
$（“.class”）。在（“单击”，函数（）{
$（“#转换”）.removeClass（）；
$（“#转换”）.addClass（“圆”）；
})
})

.circle{
宽度：100px；
高度：100px；
背景：红色；-moz边框半径：50px；
-webkit边界半径：50px；边界半径：50px；
}

改变我

尝试以下代码。您正在代码中删除转换id

//front-end code
<div class="column">
        <div   class="transform obj">Transform me</div>
</div>

//css 
.circle { 
    width: 100px; 
    height: 100px; 
    background: red; -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; border-radius: 50px; 
}

//js
$(document).ready(function(){
    $(".class").on("click",function(){
      $(".obj").removeClass('transform');
      $(".obj").addClass("circle");
    });
});

//前端代码
改变我
//css
.circle{
宽度：100px；
高度：100px；
背景：红色；-moz边框半径：50px；
-webkit边界半径：50px；边界半径：50px；
}
//js
$（文档）.ready（函数（）{
$（“.class”）。在（“单击”，函数（）{
$（“.obj”）.removeClass（'transform'）；
$（“.obj”）.addClass（“圆”）；
});
});

尝试以下代码。您正在代码中删除转换id

//front-end code
<div class="column">
        <div   class="transform obj">Transform me</div>
</div>

//css 
.circle { 
    width: 100px; 
    height: 100px; 
    background: red; -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; border-radius: 50px; 
}

//js
$(document).ready(function(){
    $(".class").on("click",function(){
      $(".obj").removeClass('transform');
      $(".obj").addClass("circle");
    });
});

//前端代码
改变我
//css
.circle{
宽度：100px；
高度：100px；
背景：红色；-moz边框半径：50px；
-webkit边界半径：50px；边界半径：50px；
}
//js
$（文档）.ready（函数（）{
$（“.class”）。在（“单击”，函数（）{
$（“.obj”）.removeClass（'transform'）；
$（“.obj”）.addClass（“圆”）；
});
});

试试这个代码片段。我想这符合你的要求

$（文档）.ready（函数（）{
$（'.click'）。在（'click'，function（）上{
$（“#变换”）.toggleClass（'circle'）；
})   
})

#变换{
宽度：100px；
高度：100px；
显示：内联光点；
背景：红色；
过渡：所有0.3秒缓解；
}
.圆圈{
边界半径：50px；
-moz边界半径：50px；
-webkit边界半径：50px；边界半径：50px；
}

点击

试试这个代码片段。我想这符合你的要求

$（文档）.ready（函数（）{
$（'.click'）。在（'click'，function（）上{
$（“#变换”）.toggleClass（'circle'）；
})   
})

#变换{
宽度：100px；
高度：100px；
显示：内联光点；
背景：红色；
过渡：所有0.3秒缓解；
}
.圆圈{
边界半径：50px；
-moz边界半径：50px；
-webkit边界半径：50px；边界半径：50px；
}

点击

您在控制台上有没有收到任何错误。而不是

$（“.class”）。在（“单击”，function（）{

上它将是

$（“.column”）。在（“单击”，function（）{

它现在可以工作了，非常感谢！您在控制台上有没有收到任何错误。而不是

$（“.class”）。在（“单击”，function（）{/code>上它将是
$（.column”）。在（“单击”，function（））{
现在可以工作了，非常感谢！class
的元素在哪里。class
你没有关闭
removeclass（'tranform（）；
class
的元素在哪里。class
你没有关闭
removeclass（'tranform（）；