jquery .remove（）没有按预期工作

Question

我只是想从我的主页上删除页脚。

if (OBJECT.Homepage.isHomePage == true){
    jQuery('footer').remove();
}

似乎.remove（）正在做更多的显示：none;而实际上从DOM中删除节点。当我查看页面源时，页脚仍然存在 - 虽然它没有显示内容，但是有一个大的垂直滚动，好像页脚的高度仍在应用。

我认为这可能与使用页脚标记而不是#footer有关，但是当我这样做时，我得到了相同的结果。

Answer 1

<input type="button" value="remove footer"/>
<footer>test</footer>​

JS：

$("input").click(function(){$("footer").remove();})​

http://jsfiddle.net/9unpH/看到这个演示。它工作正常。

  

当我查看页面源时，页脚仍然存在

我猜你有点像鼠标右击 - ＆gt;查看页面来源，如果是这样 - 一切都是正确的。它不包括JS所做的更改，只是显示它从服务器获取的内容（更多 - 浏览器可能会向服务器发送另一个请求以获取用于查看源的HTML）。

尝试使用开发人员工具查看JS所做的更改（在所有浏览器中使用F12，在FF中可能需要安装firebug）

  

有一个大的垂直滚动，好像页脚的高度仍然是   施加。

假设这是因为您网页上的其他一些样式，而不是footer