JQuery里面function的执行顺序？？

 <script type="text/javascript">
 
 this.imagePreview = function(){ 
  xOffset = 10;
  yOffset = 30;
 
  $(".preview").hover(
   function(){$("body").append("<div  id='preview'><img src='"+ this +"'/></div>");},//第1处
   
   function(){$("#preview").remove();}//第2处
      
     ); 
  
  
  $(".preview").mousemove(//第3处
       function(){
    $("#preview")
     .css("top",(pageY - xOffset) + "px")
     .css("left",(pageX + yOffset) + "px");
  }
  
 );   
};

$(document).ready(function(){
 imagePreview();
});

我要做的是悬浮显示它的大图片,这是书上的代码，请问

1为什么houver()里面是两个function

2我去掉第2处或是第3处就没办法显示大图了呢