js隐藏div

最新推荐文章于 2025-08-06 14:36:16 发布
转载 最新推荐文章于 2025-08-06 14:36:16 发布 · 83 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/545637
文章标签：

#javascript #ViewUI

页面上有一个div，用JQuery隐藏

<div id="hid_div" class="divID">


    解决方法：

(1)用js：

   document.getElementById('hid_div').style.display = "none";

(2)jQuery:

    ${.divID}.hid();

ps:如果用方法（1）不行，估计是div标志为服务器标记了，页面运行的时候，id会发生变化，用方法（2）即可解决。

本文转自程序猿博客51CTO博客，原文链接http://blog.51cto.com/haihuiwei/1582222如需转载请自行联系原作者


365850153

javascript隐藏显示div
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-31 352
javascript隐藏显示div
js显示隐藏div块
weixin_30617695的博客
02-08 461
<div id="text"></div><input type="button" onclick="display('text')" /> function $_(id){ return document.getElementById(id);};function display(x){ $(x).style.display=($(x).st...
javascript怎么隐藏显示div
kakaluote1998的博客
04-13 2万+
设置方法：1、使用style对象的display属性，值为“none”可隐藏div元素，值为“block”可显示元素；2、使用style对象的visibility属性，值为“hidden”可隐藏div元素，值为“visible”可显示元素。 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 JS隐藏和显示div的方式有两种： 方式一：设置元素style对象中的display属性 1 2 3 var ...
js控制div属性隐藏方法
木子de小屋屋啦啦啦
02-22 1万+
原文详解：js控制div属性隐藏方法 原文连接：http://licocom.com/archives/884 如题：编写html时如何用js控制div的显示和隐藏。 假定页面展示内容如下：下div里面是我们要展示的东西， &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp
简单js控制div的显示与隐藏
小小的分享下
02-24 6万+
这样的例子有很多；但是这个最简单最容易理解； 以下两个页面代码粘贴复制就可以看效果，拿去玩吧！1. div初始隐藏页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/
JS div块隐藏 显示 并加减样式
qq_38732601的博客
04-24 1116
将两个要进行显示或隐藏的的div块放在一起。例如：&lt;div id="A"&gt;&lt;/div&gt;&lt;div id="B"&gt; &lt;/div&gt;这里是点击的 事件绑定&lt;li id="question_nav" class="active"&gt;&lt;a  href="javascript:que
javascript实现显示和隐藏div方法汇总
12-09
在JavaScript中，显示和隐藏`div`元素是前端开发中常见的需求。本篇文章将汇总15种不同的方法来实现这一功能。以下是对这些方法的详细解释： 1. **`display: block/none`**： - `display: block`使元素呈现在页面...
html js 点击隐藏div,javascript实现显示和隐藏div方法汇总
weixin_42530536的博客
06-03 1519
javascript实现显示和隐藏div方法汇总15种方法实现div显示和隐藏body{margin: 0;}h1,h2{margin: 0;}ul{margin: 0;padding: 0;list-style: none;}button{background-color: #333;color: white;padding: 5px;border: none;border-radius: 10...
jQuery实现提交表单时不提交隐藏div中input的方法
10-16
在本例中，我们探讨的是如何使用jQuery来实现一个特定的功能：在提交表单时，不包括隐藏div中的input元素的值。这是因为通常情况下，表单在提交时会包含所有可见或不可见的input元素的值，而我们有时希望隐藏部分...
javascript实现div的显示和隐藏的小例子
10-27
标题中的“javascript实现div的显示和隐藏的小例子”是指通过JavaScript来控制HTML中div元素的可见性，这是前端开发中常见的交互效果。JavaScript是一种广泛使用的客户端脚本语言，它允许在用户与网页交互时动态更新...
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
如何使用js动态显示或隐藏DIV
斜阳雨陌
12-20 1万+
在web页面中，经常需要使用select控件来显示div的显示与隐藏，实现这个方法主要用到了setAttribute方法，以下为示例代码 [html] view plain copy html>   title>通过选择项显示不同的结果title>   head>   script type="text/JavaScript">   functi
原生js显示隐藏div区域块
liuhai的博客
02-21 1万+
此处对不同种类数据的聚类分析采用的是k-means算法， 点击下方查看k-means简介 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是
js点击按钮div显示隐藏
u010234868的专栏
06-12 8043
<input type="button" value="隐藏" id="btn"> <div id="box"></div> #box { width: 200px; height: 200px; background-color: red; } .show { display: block; } .hidden { display: none; } // 获取元素 var btn = document.getElementById('btn'); var
JS显示和隐藏div
weixin_44858732的博客
06-09 2万+
JS显示和隐藏div 接下来我们使用Visual Studio这个软件来写一个的方法，我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果。 我们先看一下html的页面截图： 首先我们先在html页面上建立一个input标签然后在给他一个id，接着给他一个div设置一个宽高100像素的正方形。然后接着我们就要写一下script的js代码。 看一下js的代码截图： 我们可以看到2...
js实现隐藏和显示div的两种通用方法
祖哥的博客
10-30 1万+
说明：这里我只是简单的写个demo，只要掌握怎么写怎么实现就ok了 第一种：jquery实现隐藏和显示div &lt;div &gt; &lt;div id="demo1"&gt;隐藏&lt;/div&gt; &lt;div id="demo2"&gt;显示&lt;/div&gt; &lt;/div&gt; &lt;script&gt; $("#d
vue3入门-概览讲解
曹定栓的博客
08-04 628
本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
最新发布
lf_1234的博客
08-06 677
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
ie7浏览器js隐藏div
11-21
在IE7浏览器中，由于其对CSS3支持有限，特别是对于`display: none;`这样的高级样式处理不完全兼容，你可以通过JavaScript来实现隐藏一个元素。以下是基本步骤： 1. 获取DOM元素：首先，你需要获取你要隐藏的div元素，可以使用`document.getElementById`或`document.querySelector`等方法。 ```javascript var divElement = document.getElementById('yourDivId'); ``` 2. 隐藏元素：然后使用`style.display`属性将其设置为`"none"`，这在IE7中虽然不如`display: none;`直接，但效果相似。 ```javascript divElement.style.display = "none"; ``` 如果你希望彻底移除元素在页面上占用的空间，可以尝试使用`visibility: hidden;`，但在IE7中这种方法也存在一些问题。 ```javascript divElement.style.visibility = "hidden"; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值