如何使用jquery为点击动画一个动画？

Question

div当我点击另一个时,我有一个想要动画的动画div.我知道这可以通过jQuery轻松完成,但不知怎的,我无法让它工作.

我曾尝试SO建议在这里添加

$('#button').onClick(function(){
$('#target_element').addClass('.animate_class_name');});

但什么都没发生.

这是小提琴https://jsfiddle.net/rdfbcq3j/2/.目标是在click_me推动时将红色圆圈div对象设置为矩形.最好的方法是什么？

Answer 1

你在脚本中有语法错误,不需要.在addClass()函数中添加类名之前.一个工作小提琴是这里使用这样的

$('#button').on("click",function(){
    $('#target_element').addClass('animate_class_name'); 
});

要么,

$('#button').click(function(){
    $('#target_element').addClass('animate_class_name'); 
});

要么,

$(document).on("click","#button",function(){
    $('#target_element').addClass('animate_class_name'); 
});