jquery选择器中html和body区别

Question

//第一种是正常的点击返回顶部

// 滚动条

$('#back_to_top').click(function(){

    // $(window).scrollTop(0);

})

//第二种是加了滚动条变化的动画效果

// 滚动条

$('#back_to_top').click(function(){

    $('html,body').stop().animate({

        scrollTop:"0px"

    },"slow")

})

第一次是(window)第二次是('html,body')
请问这三个区别是什么 什么时候用window 什么时候html 什么时候body？
还有就是为什么有的时候html和body都写进去。