jquery 怎么让div显示隐藏

如题所述

第1个回答  2016-09-07
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>

<button>隐藏/显示</button>
<p>这是一个文本段落。</p>
<p>这是另外一个文本段落。</p>
</body>
</html>
第2个回答  2016-08-31
隐藏的话用
$("").hide();
$("")这里面填的是你给div定义的class或者是id,或者要么是div
显示可以用$("").show();
第3个回答  2016-09-19
jquery有已经封装好的方法可以直接操作
例如
$().show()
这个是显示
$().hide()
这个是隐藏方法内可以带参数,可以是正整数,不过单位是毫秒
例如
$().hide(1000)
这句话的意思是在一秒钟之内隐藏
第4个回答  2016-08-29
$("#textDiv").show();//显示div
$("#textDiv").hide();//隐藏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的样式,...

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

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

求用jquery点击空白处隐藏div的方法,寻找最简单的方法
把这个div放在一个div中,比如你这个显示出的div叫 id=‘div1’ 然后放在id ='mainDiv'中 mainDiv要充满整个屏幕,设置div1 在maindiv之上,这样点击空白处也就是点击mainDiv隐藏div1

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

如何点击隐藏和显示一个div
基本思想是:触发div的hide()和show()函数。比如:要点击隐藏或者显示<div id="div"><\/div> 然后为一个按钮(id="btn")或者其他控件绑定一个单击事件(下面使用了jQuery)(function(){ \/\/ 页面加载完成之后,进行事件绑定 $("#btn").toggle( function () { $("#div").hide()...

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

有多个兄弟级div,如何用jquery实现只让当前点击的DIV内容显示,其它DIV的...
给div绑定事件。("div").bind("click",function showDiv(event){ ("div").hide(); \/\/让所有div都隐藏 ("this").show(); \/\/让被点击的div显示.});代码没有测试过,仅供参考.

如何通过jquery隐藏和显示元素
1.隐藏元素 使用hide()方法,如下图:2.显示隐藏的元素,使用show()方法,如下图:

相似回答