时间戳

首页 > 解决方案 > 如何一次将类添加到一个 div Jquery

javascript - 如何一次将类添加到一个 div Jquery

问题描述

当用户将鼠标悬停在父元素上时，我想使用 jquery hover() 一次将一个元素添加到一个元素，而不是所有具有 .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>

再说一次......当用户悬停时，我如何一次将类应用于一个框？

标签： javascriptjqueryhtmlcssanimate.css

解决方案

$('.animated', this).addClass('rubberBand');

推荐阅读