jquery如何显示隐藏的div

写入数据库成功后自动触发事件,显示隐藏的“恭喜,提交成功”提示层,否则,显示“很遗憾,提交失败”的div提示层。

那你写如数据成功后应该给前端返回一个成功的标志比如:1,不成功为:0。

前端根据返回的内容处理就好了:

css:

.success, .error{ display: none;}

html:

<div class="success">恭喜,提交成功!</div>
<div class="error">很遗憾,提交失败!</div>

js:

<script>
  showInfo(1);
  function showInfo(data){
    if (data == 1) {
        $('.success').css('display', 'block').siblings('.error').css('display', 'none');
    }else{
        $('.success').css('display', 'none').siblings('.error').css('display', 'block');
    };
  }
  </script>

追问

谢谢,你回答的很详细,我还不明白的地方就是给前端返回标志的时候,是怎么操作的,比如用asp来写,在数据写入库之后再这样操作吗

追答

我不知道你们是主动推给前端还是前端请求数据,你们把数据处理完后直接返回信息。如果是后者,那一般都用ajax来请求,然后你把内容处理完之后给前端返回内容就行了啊。前后端约定好数据格式。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-12-05

    楼主还需要了解jquery+json+ajax,通过在脚本中判断json封装的返回标志,有选择的跳出弹出框。

    除此以外楼主还需要灵活设计弹出框,这涉及到CSS中z-index的应用

第2个回答  2013-12-05
<div id="msgBox"></div>
$("#msgBox").show() ;//显示
$("#msgBox").hide();//隐藏追问

如asp写入库,是不是这样:

$("#msgBox").show()

$("#msgBox2").show()

页面划动到一个地方,隐藏的div展示出来,怎么实现
1、首先给鼠标经过的DIV添加一个类,类名为submeau。2、其次给隐藏的DIV,添加一个ID,ID名为id=“oa_submeau”。3、最后将JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV,即可完成页面划动到一个地方隐藏的div展示出来。

js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。03 接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,即隐...

怎么用js显示隐藏div
1、首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。2、添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。3、接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,...

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...

JQUERY多个DIV鼠标移入移出显示隐藏对应DIV
实现这种功能的jquery是相当简单的,list元素鼠标移入,当前元素里的 span显示;移出则相反,具体代码如下:(function(){\/\/鼠标移入$('.list').mouseenter(function(){\/\/这里使用mouseover也可以,使用mouseenter是防止冒泡(this).find('span').show();\/\/这里的show可以改成animate,toggle都可以});\/...

如何通过jquery隐藏和显示元素
1.JQ中显隐有以下几种方式 show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作2.show()方法 显示出隐藏的 <p> 元素。 $(".btn2").click(function(){ $("p").show(); });3.toggle()方法 toggle() 方法切换元素的可见状态。如果被选元素可见...

jQuery 获取隐藏div集合,一个页面中有些div是隐藏的,有些是显示的,那...
你好,思路是这样的,你先获取到这些div,然后判断其属性中的值是否是隐藏的,如果是则操作,不是的话,就不管了。

jquery的hide方法不起作用?
1:show()方法 显示出隐藏的p元素。代码如下:(".btn2").click(function(){ ("p").show();});2:hide()隐藏可见的p元素:代码如下:(".btn1").click(function(){ ("p").hide();});3:jQuery代码如下:("element").show("slow");运行该代码后,元素将在600毫秒内慢慢的显示出来。

使用jquery的toggle实现DIV的隐藏和显示,但是无法用按钮控制,请问该如 ...
; }, function(){ $("#div2").animate({left:-260},300); });toggle(fn,fn)方法的使用方法:每次点击后依次调用函数。如果点击了一个匹配的元素,则触发指定的第一个函数,第二次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则需再次点击。

一组checkbox使用jquery判断是否有选中项,使用jquery将隐藏的div...
if (!!$(":checkbox:checked").length) { alert ("一组checkbox有选中项");} ("div:hidden").show ();

相似回答