jQuery控制div的显示与隐藏

最新推荐文章于 2023-09-14 18:51:30 发布
最新推荐文章于 2023-09-14 18:51:30 发布
阅读量142 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/514473
版权

使用jquery控制div的显示与隐藏方法：

   $("#id").show()表示display:block

   $("#id").hide()表示display:none

   $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的


     本文转自stock0991 51CTO博客，原文链接：http://blog.51cto.com/qing0991/1362010，如需转载请自行联系原作者



weixin_34324081
关注
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
10-24
这两个方法在JQuery中是常用的函数，用于控制元素的显示和隐藏。show()方法能够使隐藏的元素变得可见，而hide()方法则相反，会使元素不可见。在本文的实例中，当点击id为body的div时，会调用$(this).show()，使得该...
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
10-22
在本文中，我们将深入探讨使用jQuery中的toggle方法来实现点击事件控制DIV元素显示与隐藏的机制，并通过实例来分析实现过程中的相关技巧。jQuery作为一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...
jquery之超简单的div显示和隐藏特效demo
fhuan123的专栏
07-19 442
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
jquery 控制div的显示与隐藏
09-17 132
<div id="formula"> 设置为隐藏： $("#formula").css("display", "none"); 设置为显示： $("#formula").css("display", "block"); 用js控制： 　　当标签flag为1时，显示。否则隐藏。 if(flag==1){ $("##...
JQuery显示和隐藏div
六耳石猴的博客
07-28 615
JQuery显示和隐藏div的方式 1.使用attr $("#id").attr("style","display:none;")---------隐藏div $("#id").attr("style","display:block")----------显示div 2.使用css $("#id").css("display","none")-----------隐藏 $("#id").css("display","block")-----------显示 3.使用show hide $..
JQuery实现DIV的显示与隐藏
不是秃头的程序员小李
03-17 1074
1.动画 animate $(function(){ $("#div1").animate({height:"500px",width:"500px"},4000); // JQuery链式操作 //$("#div1").animate({height:"500px"},2000).animate({width:"500px"},2000); }); #div1 {
jquery之超简单的div显示和隐藏特效demo(分享)
10-27
接下来，我们来看一下如何使用jQuery控制`div`元素的显示和隐藏。在JavaScript部分，定义了四个函数：`hiden()`, `slideToggle()`, `show()`, 和 `toggle()`，这些函数分别对应不同的显示和隐藏效果。 1. `hiden()`...
基于jquery实现的定时显示与隐藏div广告的实现代码
10-26
在本文档中，jQuery用于控制DIV元素的显示和隐藏。使用jQuery的基本语法是 "$()"，其内可以传入一个选择器（如类名、ID、属性等），选择页面中的元素。之后可以链式调用jQuery的方法来对这些元素进行操作。 知识点...
jQuery显示隐藏div的几种方法
skh2015java的博客
10-11 8万+
1、$("#demo").attr("style","display:none;");//隐藏div $("#demo").attr("style","display:block;");//显示div 2、$("#demo").css("display","none");//隐藏div $("#demo").css("display","block");//显示div 3、$("#demo
JQuery控制div外点击隐藏，div内点击不会隐藏
Andyの笔记
01-13 3161
比如有个div其id为body，实现在div外点击隐藏，div内点击不隐藏，采用jQuery实现如下： $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); });
JQuery隐藏和显示div元素的三种方法
最新发布
许三金的博客
09-14 3773
toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。hide() 方法隐藏被选元素。show() 方法显示隐藏的被选元素。该方法检查被选元素的可见状态。如果一个元素是隐藏的，则运行 show()，如果一个元素是可见的，则运行 hide() - 这会造成一种隐藏和显示状态切换的效果。;;
js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
huangxinyu_it的专栏
11-19 3477
window.location.reload()刷新当前页面.  parent.location.reload()刷新父亲对象（用于框架）  opener.location.reload()刷新父窗口对象（用于单开窗口）  top.location.reload()刷新最顶端对象（用于多开窗口）
jquery实现控制div显示跟隐藏办法。
qq_45151414的博客
10-23 2335
这里写自定义目录标题***# 欢迎使用Markdown编辑器***新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 # 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你
JS jQuery显示隐藏div的几种方法
热门推荐
未曾远去
09-18 14万+
&lt;div id="demo"&gt;AAA&lt;/div&gt; JS隐藏和显示div的方式有两种： 方式1：隐藏后释放占用的页面空间 通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" document.getElementById("demo").style.display="none";//隐藏 document.ge
hide(),show()与removeClass(),addClass()区别
louzan3191的博客
10-23 4163
hasClass() 是否存在某个class hide() 隐藏对象 show() 显示对象 removeClass() 移除一个class addClass() 添加一个class 除此，还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示 toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。
jquery控制元素的隐藏和显示的几种方法
杨明金的博客
11-07 1万+
使用jquery控制div的显示与隐藏，一句话就能搞定，例如： 方法一 显示： $("#id").show()表示为display：block， 隐藏： $("#id").hide()表示为display:none; 方法二 $("#id").toggle(); 切换元素的可见状态。如果元素是可见的，切换为隐藏的； 如果元素是隐藏的，则切换为可见的。 方法三 显示： $("#id").css('display','block');//显示 隐藏： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值