页面导航：
→ 正文内容 div的隐藏和显示
jquery和js实现对div的隐藏和显示方法
jquery和js分别可以实现对div的隐藏和显示，方法也不一样，jquery的show、js的hidden、visible
jQuery对div的显示和隐藏：
$("#id").show()
$("#id").show()
js对div的显示和隐藏：
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白
style="visibility:"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
style="display:"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div-jquery-电脑编程网js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div作者：freeliver54　和相关&&预期效果：
1、点击Save按钮，创建及显示loading div框
2、Save操作完成后，再删除loading 及弹出提示结果
&input type="button" value="Save" name="btnSave" /&
&script src="http://.//libs//1.5.2/.min.js" type="text/script"&&/script&
&script type="text/script"&
function loadingShow(){
var loadingContainer = $("div.loading");
if (loadingContainer.length &= 0) {
loadingContainer = $("&div&", { Class: "loadingWhenSave" , id:"loadingWhenSave" });
var img = $("&img&", { src: "loading.gif" });
loadingContainer.html("");
loadingContainer.append(img).css({
position: "absolute", //"absolute",
zIndex: "9999",
textAlign: "center",
backgroundColor: "#000",
border: "solid 4px red",
paddingTop: "18px",
fontSize: "14px",
top: "30%",
left: "40%",
height: "300px",
width: "400px"
//document.body.appendChild(loadingContainer);
loadingContainer.appendTo('body');
//$(loadingContainer).show();
function loadingHide(){
$("#loadingWhenSave").remove();
function saveFinished(){
//loadingHide();
alert("save success.");
$(document).ready(function(){
$(btnSave).click(function(){
loadingShow();
setTimeout("saveFinished()",2000);
14:21 freeliver54
16722,cb_entryId=3359154,cb_blogApp=currentBlogApp,cb_blogUserGuid='bc4d360b-63cf-dd11-9e4d-001cf0cd104b',cb_entryCreatedDate=' 14:21:00'
相关资料：｜｜｜｜js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div来源网络，如有侵权请告知，即处理！编程Tags：　　　　　　　　　　　　　　　　&　　　　　　　　　　　　　　　　　　　　新手求助帮写段 js控制div显示与隐藏程序_javascript吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：39,468贴子：
新手求助帮写段 js控制div显示与隐藏程序收藏
一个页面：左侧div代码为：&div class=&tools&&&div class=&intools& id=&d1&&&a href=&&&未付款订单&/a&&/div&&div class=&intools& id=&d2&&&a href=&&&已付款订单&/a&&/div&&div class=&intools& id=&d3&&&a href=&&&会员等级说明&/a&&/div&&div class=&intools& id=&d4&&&a href=&&&修改个人信息&/a&&/div&&div class=&intools& id=&d5&&&a href=&&&我要搜索&/a&&/div&&/div&右侧为显示内容div 代码：&div class=&unpaied&&.........&/div&//与上面的一一对应&div class=&paied&&.........&/div&&div class=&level&&.........&/div&&div class=&users&&.........&/div&&div class=&search&&.........&/div&帮写一个js代码 点击一个链接时 该链接所在div背景颜色变为#e38d13 同事右侧只显示其对应的div谢谢当点击下一个div时 当前显示的div恢复原来的颜色 并隐藏右侧对应的div
你这个直接可以做简单的鼠标移动到这个div上颜色变成你想要的颜色，离开后又恢复！还有一种方法。div里放两张相同规格的切片，原始颜色不变第一张，当鼠标点击时换下一张！这个比较容易！
这里用的是框架
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或}