javascript - 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都写进去。

Answer 1

$('html,body') 为什么要写2个，是因为 firefox ie 不支持 body, chrome 支持的是body, 所以为了兼容就这样写 。 你可以试试 firefox 和 chrome 就明白了。

Answer 2

窗体和DOM对象，获取相关属性还和文档模型有关，就你说的scrollTop，xhtml模式body为0，html才是滚动高度，backcompat模式返回来
window的scrollTop返回滚动高pageYOffse