当前位置: 开发笔记 > 前端 > 正文

jquery和js实现对div的隐藏和显示方法

作者：缺少小女人的温柔 | 来源：互联网 | 2022-01-05 20:42

jquery和js分别可以实现对div的隐藏和显示，方法也不一样，jquery的show、show;js的hidden、visible

jQuery对div的显示和隐藏：

显示：

代码如下:

$("#id").show()

隐藏：

代码如下:

$("#id").show()

js对div的显示和隐藏：

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白

代码如下:

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间，如下

代码如下:

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

jquery

推荐阅读

js
jQuery中 $(selector).each() 和 $.each() 的区别与应用

在JavaScript开发中，jQuery库提供了两种遍历方法：$(selector).each() 和 $.each()。本文将详细探讨这两种方法的不同之处及其应用场景。 ... [详细]

蜡笔小新 2024-12-15 10:02:02
yarn
HTML 页面与前端包管理器概览

本文探讨了前端包管理器的核心功能，包括注册机制、文件存储、上传下载、以及依赖分析等关键特性，并介绍了几种流行的前端包管理工具。 ... [详细]

蜡笔小新 2024-12-14 16:27:14
css
解决在调整大小后取消点击的问题 - Addressing Click Cancellation After Resizing

本文探讨了使用JQuery UI可调整大小插件时遇到的一个常见问题：如何在用户调整元素大小后避免不必要的点击事件触发，导致元素被意外取消选中。 ... [详细]

蜡笔小新 2024-12-12 10:13:56
json
WebSocket vs EventSource：WordPress主题开发中的选择

探讨WebSocket和EventSource在WordPress主题开发中的应用，分析两者的技术特点及适用场景，帮助开发者做出最优选择。 ... [详细]

蜡笔小新 2024-12-11 22:49:23
json
在Angular CLI项目中集成Bootstrap

本文介绍了如何在Angular CLI创建的项目中安装并配置Bootstrap，包括必要的依赖项jQuery和Popper.js的安装步骤。 ... [详细]

蜡笔小新 2024-12-11 16:29:15
json
使用 jQuery 和 LocalStorage 实现搜索历史记录功能

本文介绍了如何利用 jQuery 和浏览器的 LocalStorage 功能来实现用户搜索历史的记录和展示，帮助提升用户体验。 ... [详细]

蜡笔小新 2024-12-11 15:36:46
ajax
Prototype.js 与 toString() 方法的区别

本文深入探讨了 Prototype.js 框架及其与 JavaScript 原生 toString() 方法之间的区别，适合对前端开发感兴趣的开发者阅读。文章将帮助读者理解两者在功能实现和应用场景上的不同，从而更好地利用这些工具进行高效编程。 ... [详细]

蜡笔小新 2024-12-11 10:28:59
vue.js
JavaScript实现双向数据绑定的方法详解

本文详细介绍了如何使用JavaScript实现数据的双向绑定，包括MVVM架构的基本概念、不同框架下的实现方式以及具体的代码示例。 ... [详细]

蜡笔小新 2024-12-11 05:40:01
javascript
如何通过PHP中的索引属性循环？

我有这种ajax$.ajax({type:"POST",url:"bee_sesi_edit.php&# ... [详细]

蜡笔小新 2024-12-10 17:23:30
css
周工作与学习总结：用户需求文档与jQuery源码探索

本周工作重点在于细化用户需求文档，同时深入学习了jQuery的操作技巧及其源码解析。通过阅读知乎上的高质量问答，获取了关于如何有效阅读和理解jQuery源码的专业建议。 ... [详细]

蜡笔小新 2024-12-10 15:27:41
css
构建Snowflake中的近实时数据摄取管道

探索如何在Snowflake中构建高效的近实时数据摄取管道，利用其内外表特性及Snowpipe服务，实现数据的快速、稳定加载。 ... [详细]

蜡笔小新 2024-12-09 17:40:26
js
解决MySQL错误2002：无法建立数据库连接

本文详细描述了在Digital Ocean服务器上托管的多个WordPress站点突然出现数据库连接错误的情况，并提供了有效的解决方案。 ... [详细]

蜡笔小新 2024-12-09 16:12:42
js
jQuery DOM 元素创建与插入方法详解

本文详细介绍了如何使用 jQuery 创建并插入 HTML 元素，包括 append、prepend、appendTo、prependTo、after、insertAfter、before 和 insertBefore 等方法的具体用法。 ... [详细]

蜡笔小新 2024-12-09 15:29:11
javascript
Knockout.js 中 if 和 visible 绑定的最佳实践

探讨在特定情况下使用 Knockout.js 的 if 或 visible 绑定的最佳实践，特别是在处理未定义对象时的策略。 ... [详细]

蜡笔小新 2024-12-09 10:44:36
json
优化PostgreSQL中hstore列的查询性能

本文探讨了如何通过创建适当的索引来提高PostgreSQL中hstore列的查询效率，特别是当涉及到大量数据时。文章将介绍不同索引类型的效果，并提供具体的优化方案。 ... [详细]

蜡笔小新 2024-12-08 16:48:21

缺少小女人的温柔

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章