Append an element with fade in effect in jQuery

You can do this by using append function in jQuery as below snippet

$('#main_conatiner').append( $('<p><img src="loader.gif"></p>').hide().fadeIn(2000) );

Or you can use appendTo function as below

var html ='<p><img src="loader.gif"></p>';
$(html).hide().appendTo("#main_conatiner").fadeIn(2000);