当用户将鼠标悬停在父元素上时,我想使用 jquery hover() 将 Class("animated") 一次添加到一个元素,而不是所有具有 .animated 类的元素。
$(document).ready(function(){
$(".animateDiv").hover(function() {
$('.animated').addClass('rubberBand');
}, function() {
$('.animated').removeClass('rubberBand');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="animateDiv">
<h3 class="animated">Turn up summer.</h3>
<h4>Box 1</h4>
</div>
<div class="animateDiv">
<h3 class="animated">Turn up summer.</h3>
<h4>Box 2</h4>
</div>
<div class="animateDiv">
<h3 class="animated">Turn up summer.</h3>
<h4>Box 3</h4>
</div>
<div class="animateDiv">
<h3 class="animated">Turn up summer.</h3>
<h4>Box 4</h4>
</div>
再说一遍......我如何在用户悬停时一次只将类应用于一个框?
或者你可以保持简短(呃)。除非您计划使用不同的进出点,否则无需分支悬停。
$(document).ready(function(){
$(".animateDiv > .animated").hover(function() { $(this).toggleClass('rubberBand');});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句