jquery控制div的打开与隐藏

最新推荐文章于 2021-05-30 19:37:32 发布

思念是荒芜的梦

最新推荐文章于 2021-05-30 19:37:32 发布

阅读量614

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/g631521612/article/details/8794004

jquery 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery来控制网页中某个元素的显示与隐藏状态。通过一个按钮触发事件，实现对指定div元素显示或隐藏的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html：

<input type="button" value="test" onclick="show();">
<div  id="open_close" style="display: none;">hello</div>

jquery:

function show(){
			if($("#open_close").css("display") == "none"){
				$("#open_close").show();
			}else{
				$("#open_close").hide();
			}
		}

希望对你有帮助

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

思念是荒芜的梦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jquery显示隐藏切换_jQuery显示，隐藏，切换

从零开始的教程世界

07-08

6148

jquery显示隐藏切换Earlier we looked into how we can use jQuery get attribute, today we will look into three useful jQuery methods that we can use to hide an HTML element, show any hidden HTML element and to...

jQuery实现侧边栏隐藏与显示的方法详解

10-17

本文将详细介绍使用jQuery来实现侧边栏隐藏与显示的具体方法，这些技巧涵盖了页面布局的组织、事件处理以及利用jQuery的方法动态控制页面元素的显示状态。这些方法不仅适用于侧边栏，也可以扩展到其他页面元素上。 ...

参与评论您还未登录，请先登录后发表或查看评论

jquery-控制div的显示与隐藏

x1n1010的专栏

12-01

854

jquery-控制div的显示与隐藏 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的 jquery中show、hide时间应用： $().ready(function(){ $

jquery控制div隐藏与显示的几种效果

关于代码的那些事

04-14

8399

无标题文档 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast } function slideToggle(){ $("#divObj").

jquery控制css的display(控制元素的显示与隐藏)

weixin_34302561的博客

08-02

529

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 ...

JQuery操作div隐藏和显示的4种动画

ccdok123的专栏

03-05

3282

<html> <head> <meta charset="utf-8"> <meta name="author" content="wg"> <title>Jquery-Div动画显示</title> &

jQuery实现点击下拉与隐藏菜单

qq_40756247的博客

05-29

5735

使用jQuery实现点击下拉与隐藏菜单具体效果图如下：点击的时候打开下拉菜单，同时关闭其他已经打开的下拉菜单，再次点击关闭下拉菜单；以下是代码部分： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <sty...

div隐藏与展开html,隐藏一个div

weixin_32429589的博客

05-30

479

怎么让一个div显示一个div隐藏让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样)：HTML代码如下： menu0menu1menu2menu3menu4menu5menu6menu7d0d1d2d3d4d5d6d7CSS代码： .point{float: left;list-style: none;}.point li{margin-bottom: 10px;}.box{flo...

jQuery控制元素隐藏和显示

10-20

本文介绍的是如何使用jQuery来控制网页元素的隐藏和显示，具体包括直接隐藏和显示元素、实现淡入淡出效果以及滑动效果。 1、jQuery隐藏和显示元素 jQuery提供了两种基本方法来控制元素的隐藏和显示：hide()方法和...

jQuery实现网页打开页面即弹窗

01-22

**jQuery实现网页打开页面即弹窗** 在网页设计中，弹窗是一种常见的交互方式，用于显示重要的信息或者引导用户操作。jQuery，一个广泛使用的JavaScript库，提供了简洁的API来简化DOM操作，使得创建动态和交互性的...

jQuery实现点击某个div打开层，点击其他div关闭层实例分析(阻止冒泡)

11-28

在这个实例中，我们讨论的是如何利用jQuery来实现一个特定的交互功能，即点击不同的div元素时，控制一个弹出层（layer）的显示与隐藏，同时处理好事件冒泡的问题。首先，我们需要理解事件冒泡的概念。在DOM结构中...

利用JQUERY实现DIV动态隐藏显示且刷新不改变状态

- 使用jQuery的`.hide()`和`.show()`方法来控制DIV的显示和隐藏。 - 通过sessionStorage或localStorage存储DIV的状态。 - 在页面加载时读取存储的状态，决定DIV的初始显示状态。 - 在用户交互时更新DIV的状态，并...

jquery控制元素的隐藏和显示的几种方法。

weixin_30788731的博客

03-07

2934

组织略显凌乱，请耐心看！使用jquery控制div的显示与隐藏，一句话就能搞定，例如： 1.$("#id").show()表示为display：block， $("#id").hide()表示为display:none; 2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。 3.$("#id").css...

获取tr下面所有的checkbox的属性为checked的checkbox

专栏

04-12

2775

在写这篇文章的时候，我遇见了一个问题，卡了我好久，今天写出来，只为了珍藏，并且希望对遇见同样问题的朋友能有帮助; 我做的是一个联系人的弹出层，在弹出层上面显示每个部门，以及各个部门下面的所有员工名字，当我勾选以也人的名字的时候，在相应部门的后面就显示出勾选了这个部门的人数：下面有图代码不是很难，只是卡在了如何获取本部门的人员数。其中有一段代码： sum=0; $("#tr_"+i+

jQuery UI Datepicker 一个案例(弹出div层，悬浮整个页面)

专栏

05-06

2546

今天遇见一个需求，要求将jQuery UI Datepicker绑定在div上面，并且弹出的div悬浮在整个页面之上。 jQuery UI Datepicker - Display inline function showIt(event) { $("#datepicker").show(); $("#datepicker"

加载百度地图，设置中心点，专为懒人准备

专栏

04-10

1739

jsp页面：（也可以用html页面）<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} 百度

在固定时间内，清空input框内容、

专栏

05-04

1069

setTimeout(function(){ $("#querydate").val(""); },2000); querydate为input框的id 2000为时间

jquery绑定回车事件

专栏

04-16

1060

先看下代码：这个是jsp的页面这个是js的代码 //绑定回车事件 /*为了获得兼容性更高的按键绑定支持，使用document.getElementById获取到按钮对象*/ function BindEnterUserName(obj){ var button = document.getElementById('queryByusername'); i

jquery—ajax的异步交互，返回json串，再弹出层显示数据

专栏

03-26

1057

外部引用的js文件 /** * 外部js文件 */ function showCustomerInfoById(id){ $("#text").html("正在加载，请稍后。。。"); $("#dialog").dialog({ bgiframe: true, autoOpen: false, height: 500,

jQuery实现div下拉框与列表交互教程

例如，为了避免页面重绘或回流，可以尽量在文档加载前就把下拉列表的HTML结构创建好，并通过jQuery动态改变其显示属性来控制下拉内容的显示和隐藏。另外，如果下拉列表内容是动态加载的，需要确保异步数据加载不会...