使用jquery在单击时添加类动画

我试图使用jqueryonclick将动画类添加到我的div中，但它似乎不起作用。有人介意花几秒钟看看我的小提琴并向我解释原因吗？非常感谢。一般来说，我试图实现的是，我希望在单击按钮时div能够放大

$（function（）{//在DOM就绪时运行
$（“#clickable>a”）.onClick（function（）{//使用一个类，因为您的ID被损坏了
$（“#clickable”）.addClass（“.popout”）；//将类添加到单击的元素中
});
});
#可点击{
背景：#eee；
颜色：#fff；
字号：2em；
左：112px；
填充：40px；
位置：绝对位置；
顶部：200px；
}
popout先生{
动画：弹出1s轻松；
-webkit动画：弹出1s轻松；
-webkit动画填充模式：正向；
动画填充模式：正向；
}
@关键帧弹出{
来自{transform:scale（1）}
到{变换：比例（1.5）}
}
@-webkit关键帧弹出窗口{
来自{transform:scale（1）}
到{变换：比例（1.5）}
}

我修改了你的小提琴

你在不太远的地方…
但是您有几个语法错误。
而且在fiddle中没有jQuery库…；）

您的代码已更正：

$(function() {                       //run when the DOM is ready
  $("#clickable a").click(function() {  //use a class, since your ID gets mangled
    $("#clickable").addClass("popout");      //add the class to the clicked element
  });
});

---

在这里工作，我修改了你的小提琴

你在不太远的地方…
但是您有几个语法错误。
而且在fiddle中没有jQuery库…；）

您的代码已更正：

$(function() {                       //run when the DOM is ready
  $("#clickable a").click(function() {  //use a class, since your ID gets mangled
    $("#clickable").addClass("popout");      //add the class to the clicked element
  });
});

---

在这里工作是我的荣幸！随时问！；）我的荣幸！随时问！；）

$("#clickable a").click(function() { 
$("#clickable").addClass("popout");  
});