구조는 거의 항상 다음과 같습니다: $(document).ready(function() { $('thingToTouch').event(function() { $('thingToAffect').effect(); });}); ex) MESSAGE: Add! $(document).ready(function() { $('button').click(function() { var toAdd = $("input[name=message]").val(); $('#messages').append(""+toAdd+""); });}); ------------- document가 .ready() 되는 순간 효과가 발생하는 코드 -- html -- js $(document).ready(function(){ $('div').fad..