要隐藏和显示div，可以使用hide and show方法。
为了隐藏
$('#id1').hide();为了展示
$('#id1').show();<html >
<head>
<title>showhide</title>
<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#btn1').click(function () {
$('#id1').hide();
});
$('#btn2').click(function () {
$('#id1').show();
});
});
</script>
</head>
<body>
<div>
<p id="id1" style="color:red">I Am A Simple Paragraph</p>
</div>
<button type="button" id="btn1">Hide</button>
<button type="button" id="btn2">Show</button>
</body>
</html>| 方法 | 描述 |
|---|---|
| animate() | 在所选元素上运行自定义动画 |
| clearQueue() | 从所选元素中删除所有剩余的排队功能 |
| 延迟() | 设置选定元素上所有排队功能的延迟 |
| 出队() | 从队列中删除下一个函数，然后执行该函数 |
| 淡入() | 淡入所选元素 |
| 淡出() | 淡出所选元素 |
| fadeTo() | 淡入/淡出所选元素至给定的不透明度 |
| fadeToggle() | 在fadeIn()和fadeOut()方法之间切换 |
| 完() | 停止，删除并完成所选元素的所有排队动画 |
| 隐藏() | 隐藏所选元素 |
| 队列() | 显示所选元素上的排队功能 |
| 节目() | 显示选定的元素 |
| 滑下() | 向下滑动（显示）所选元素 |
| slideToggle() | 在slideUp()和slideDown()方法之间切换 |
| 向上滑动() | 向上滑动（隐藏）所选元素 |
| 停() | 停止所选元素的当前正在运行的动画 |
| toggle() | 在hide()和show()方法之间切换 |
| addClass() | 将一个或多个类名称添加到所选元素 |
| 后() | 在所选元素之后插入内容 |
| 附加() | 在所选元素的末尾插入内容 |
| appendTo() | 在所选元素的末尾插入HTML元素 |
| attr() | 设置或返回所选元素的属性/值 |
| 之前() | 在所选元素之前插入内容 |
| 克隆() | 复制所选元素 |
| css() | 为所选元素设置或返回一个或多个样式属性 |
| 分离() | 删除选定的元素（保留数据和事件） |
| 空() | 从所选元素中删除所有子节点和内容 |
| hasClass() | 检查是否有任何选定的元素具有指定的类名 |
| 高度() | 设置或返回选定元素的高度 |
| html() | 设置或返回所选元素的内容 |
| innerHeight() | 返回元素的高度（包括填充，但不包括边框） |
| innerWidth() | 返回元素的宽度（包括填充，但不包括边框） |
| insertAfter() | 在所选元素之后插入HTML元素 |
| insertBefore() | 在所选元素之前插入HTML元素 |
| 抵消() | 设置或返回所选元素的偏移坐标（相对于文档） |
| offsetParent() | 返回第一个定位的父元素 |
| outsideHeight() | 返回元素的高度（包括填充和边框） |
| outsideWidth() | 返回元素的宽度（包括填充和边框） |
| 位置() | 返回元素的位置（相对于父元素） |
| prepend() | 在所选元素的开头插入内容 |
| prependTo() | 在所选元素的开头插入HTML元素 |
| 支柱() | 设置或返回所选元素的属性/值 |
| 去掉() | 删除选定的元素（包括数据和事件） |
| removeAttr() | 从所选元素中删除一个或多个属性 |
| removeClass() | 从所选元素中删除一个或多个类 |
| removeProp() | 删除prop()方法设置的属性 |
| 全部替换() | 用新的HTML元素替换选定的元素 |
| 用。。。来代替() | 用新内容替换所选元素 |
| scrollLeft() | 设置或返回所选元素的水平滚动条位置 |
| scrollTop() | 设置或返回所选元素的垂直滚动条位置 |
| 文本() | 设置或返回所选元素的文本内容 |
| toggleClass() | 在添加/删除所选元素中的一个或多个类之间切换 |
| 解开() | 删除所选元素的父元素 |
| val() | 设置或返回所选元素的value属性（对于表单元素） |
| 宽度() | 设置或返回所选元素的宽度 |
| 包() | 将HTML元素环绕每个选定的元素 |
| wrapAll() | 将HTML元素环绕所有选定的元素 |
| wrapInner() | 将HTML元素环绕每个选定元素的内容 |