我有一个问题。我刚开始学习jQuery,这是我第一次接触JavaScript。我想在点击时使一个元素动画效果,我确实做到了。
HTML代码:
我正在使用Animate.css在点击时进行一些动画效果。这是我的jQuery代码:
我想实现的是,当我第二次点击时,动画会再次发生,实际上,我想删除animated bounce类并再次添加它,这样动画就会再次发生。
请告诉我,我的代码是否正确,我的意思是语法是否正确,我看到了一些包含$(this)的代码,我不确定那是什么,还有我看到了一些类似于.on('click')的东西。
谢谢。
HTML代码:
<h1>Testing</h1>
我正在使用Animate.css在点击时进行一些动画效果。这是我的jQuery代码:
$('h1').click(function (e) {
$('h1').addClass('animated bounce');
});
我想实现的是,当我第二次点击时,动画会再次发生,实际上,我想删除animated bounce类并再次添加它,这样动画就会再次发生。
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
<h1>Testing</h1>
<script>
$('h1').click(function (e) {
$('h1').addClass('animated bounce');
});
</script>
</body>
谢谢。