가장 간단하게 jquery로 페이드인(fadein) 하는 튜토리얼

아래와 같은 예제 요소에다가

<div class="ex1">Fade In</div>

스타일을 display:none; 먹여서 기본적으로 숨겨주고

<style>.ex1{display:none;}</style>

jqeury 를 적당한 버전을 불러오고

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

fadein 시키는 jquery 코드를 쓰면 됨

<script>
$( document ).ready( function() {
        $( '.ex1' ).fadeIn( 2000 );
      } );
</script>