Как я могу использовать fadeIn () в jQuery с помощью .addClass

Question

Наличие этой проблемы с использованием fadeIn () в jQuery при применении его к addClass () (более похоже, что это даже возможно):

Не работает !! вот код:

$(document).ready(function(){
      $("div").addClass('div_a').fadeIn(1000);

});

Для некоторых должно быть просто ...

Answer 1

Вы можете попробовать это:

$(document).ready(function(){ $("div").hide().addClass('div_a').fadeIn(1000); });

Answer 2

Вам нужно, чтобы элемент исчезал при запуске, чтобы иметь возможность его постепенно увеличивать. В этом примере происходит добавление div в элемент и добавление класса div_a к элементу.

$(document).ready(function(){
  $("div").addClass('div_a').fadeIn(1000);
});

.div.div_a {
  background-color: red;
  color: white;
}

.div {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="div">
  <p>Hello World</p>
</div>