Jquery 객체 생성시 이벤트 부여(FadeIn)

 

 

Jquery를 활용하여 객체 생성시 이벤트를 주는 방법이다.

물론..앵귤러같은경우에는 데이터를 갱신만 하면 알아서 그려주지만...

Jquery는 앵귤러처럼 양방향 바인딩이 아니니깐..어쩔수 없이 일일이 그리고 효과를 부여해야 한다.

var pgContents = "<div>Hello world!</div>";
var item = $(pgContents).fadeIn(500);  //효과
$('#대상').append(item);	//객체생성

위 예제코드를 적용하면 append가 실행되면서 이벤트가 바로 처리된다.

비동기 방식으로 페이징 처리하거나 내용을 갱신하는경우 페이드인 효과를 고객이 주로 요구할 때 사용하면 편리하다.