使用CSS或jQuery隐藏特定网页的页眉和页脚

我的网站上有这样的结构：

<html> 
<head></head> 
<body> 
<header></header> 
Content 
<footer></footer> 
</body> 
<html>

我怎样才能让这个网站中的一个页面不显示页眉或页脚？

我试过jQuery的.hide，但它隐藏了所有页面的这些元素。我知道我错过了一些简单的事情，但我很难搞清楚。谢谢你的帮助！

来源

2013-03-15 KDP

所以从html到和从

你说你使用jQuery的'hide'方法。这就是您所需要的，但只能在要隐藏页眉/页脚的页面上进行。 – Kyle 2013-03-15 20:43:33

是的，凯尔说什么，我不明白这里的问题？ – 2013-03-15 20:44:11

没有真正看到问题，只是把这个在你想隐藏在页眉/页脚每一页：

$(function() { 
    $("header, footer").hide(); 
});

http://jsfiddle.net/ZbVxw/

来源

2013-03-15 21:00:15 ach

伙计们，这个对我来说。我道歉;我正在使用mobify构建一个移动站点，并将代码放在一起，有时会相互冲突。您提供的代码，@ach，只要我从网站的其他区域清除了一些冲突，就可以正常工作。谢谢你的修复。 – KDP 2013-03-15 21:25:51

-1

试试这个：

<html> 
<head></head> 
<body> 
<header></header> 

//START OF CONTENT PAGE 
//write the hiding code here for header and footer on document.ready 

<script type='javascript'> 
$(document).ready(function(){ 
    $("header, footer").hide(); 
}); 
</script> 



Content 

//END OF CONTENT PAGE 
<footer></footer> 
</body> 
<html>

来源

2013-03-15 20:45:52 luckystars

使用CSS或jQuery隐藏特定网页的页眉和页脚

回答

相关问题