切换/切换 div (jQuery)

2024-01-21

我希望完成一项相当简单的任务(我希望!)

我有两个 div 标签和一个锚标签,如下所示:

<a href="javascript:void(0);">forgot password?</a>
<div id="login-form"></div>
<div id="recover-password" style="display:none;"></div>

我希望使用锚标记在两个 div 标记之间切换,隐藏一个并显示另一个,反之亦然。

如何才能以最好的方式做到这一点?


由于一个 div 最初是隐藏的,您只需调用toggle http://docs.jquery.com/Effects/toggle对于两个 div:

<a href="javascript:void(0);" id="forgot-password">forgot password?</a>
<div id="login-form">login form</div>

<div id="recover-password" style="display:none;">recover password</div>

<script type="text/javascript">
$(function(){
  $('#forgot-password').click(function(){
     $('#login-form').toggle();
     $('#recover-password').toggle(); 
  });
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

切换/切换 div (jQuery) 的相关文章

  • 未捕获的类型错误:无法读取 null 的属性值[重复]

    这个问题在这里已经有答案了 我是 jQuery 新手 我正在尝试创建一个登录表单 当用户输入简短的用户名时 该表单会切换文本 这是我的代码 当我单击按钮时什么也没有发生 我检查了控制台 它在我的代码中的特定行上显示了标题上的错误 我也检查了
  • html 可嵌入 flash wav 播放器

    我需要一个可在 IE FF 和 Chrome 中播放 wav 文件的嵌入式音频播放器 目前无法转换为 mp3 或任何其他格式 该播放器应该非常简单 只有一个播放 暂停按钮 也许还有一个时间轴栏 用户可以单击该时间轴栏来转到音频的特定部分 还
  • 如果 jQuery 脚本是在所有页面 HTML 之后加载的,那么它们还需要 $(document).ready 吗?

    如果我在所有页面 HTML 下方加载 jQuery 脚本 我是否还需要等待 document ready能够使用jQuery来查找页面中的元素 否 因为文档已经加载 Dom 从上到下加载 我个人喜欢把所有的js放在页面底部而不是放在头部 然
  • 如何在提交表单时调用 jquery 函数?

    我有一个表格如下
  • 数据库中的 HTML 标签是不好的做法还是好的做法?

    有时我需要格式化来自数据库的特定数据或部分数据 例如 如果我有这样的 desc 存储在数据库中 HTML 4 经过调整 延伸和增强 超出了其最初的范围 为网站带来了高水平的交互性和多媒体 Flash Silverlight 和 Java 等
  • 在 HTML 中,

    应该以哪种方式嵌套?

    是否有更正确的嵌套顺序 a and h1 HTML 中的元素 e g a href www example com h1 Example h1 a or h1 a href www example com Example a h1 在 HT

  • JQuery UI Draggable - 如何知道元素是否可拖动初始化?

    我的逻辑是 if this draginited a drag disabled element shouldn t get pass here as it is inited this draggable 我搜索了很多 找不到实现这个逻辑
  • 计算div中有多少个元素

    我有一个div 里面有span 有没有一种方法可以计算 div 中有多少个元素 然后将其作为值给出 例如 一个 div 中有 5 个跨度 那么它会对其进行计数并发出警报 5 请使用 JavaScript 谢谢 如果你想要后代的数量 你可以使
  • 如何在 的每四个循环项之后添加

    我想在循环中的每第四个数字项之后退出循环 我想创建一个二十人的名单 在每一个tr应该是4个人 So I want to break from the loop after every 4th number of loop My one tr
  • 使用他们的 API 创建一个基本的 MailChimp 注册表单

    我是 MailChimp 的新手 需要一些帮助 通过他们的基本时事通讯注册表单 您只需将一些预先打包的 HTML 嵌入到您的页面中即可 然而 这样做的问题是 单击 提交 会重定向到 MailChimp 页面 我不想重定向到 MailChim
  • jQuery Signature Pad:使用类型化版本获取 JSON 输出

    我一直在使用 Thomas J Bradley 的 jQuery Signature Pad 插件来捕获绘制的签名 并且效果很好 我想做的是还允许输入签名如演示所示 http thomasjbradley ca lab signature
  • 使用 Jquery Ajax 将数据从 jsp 发送到 struts2 操作类

    我需要使用 jquery Ajax 将表单数据从 jsp 传递到 struts2 并从 Struts2 操作类接收回 JSON 数据 我已经给出了下面的代码 当我传递 AJAX 数据时 url search action searchTex
  • 如何在 html 画布上使文本适合精确的宽度?

    如何在 html5 画布上将单行文本字符串调整为精确的宽度 到目前为止我尝试过的是以初始字体大小编写文本 测量文本的宽度measureText my text width 然后根据我想要的文本宽度和实际文本宽度之间的比例计算新的字体大小 它
  • Ajax调用完成后执行函数

    我是 Ajax 新手 我尝试在使用 for 循环时使用 Ajax Ajax 调用之后 我正在运行一个使用 Ajax 调用中创建的变量的函数 该函数只执行两次 我认为 Ajax 调用可能没有足够的时间在循环开始之前进行调用 有没有办法在运行
  • 画廊自动播放幻灯片?

    有没有人找到一种简单的方法来让很棒的画廊自动播放 我真的被这个困住了 任何帮助都会很棒 Thx Paul 自动播放 真 在选项中应该可以解决问题 autoplay type Boolean or Number default false 如
  • 恢复默认的CSS属性

    我正在编写一个可在多个网站上使用的组件 每个网站都有自己的样式表 并且以不同的方式显示某些内容 我的所有 html 都包含在一个带有 id 的 div 中 div div 然而 我的组件是在所有网站上看起来一致 这很好 因为我将样式应用于组
  • 如何清除画布中图像上的矩形

    我需要清除画布中图像上绘制的矩形 而不损坏现有图像 我可以绘制小矩形点并将其清除 但问题是 当我清除矩形时 它在图像上仍保留为白色小斑点 有人可以告诉我如何清除图像上的矩形而不损坏现有图像 我使用了以下方法来清除矩形 但没有用 1 cont
  • 以特定顺序运行具有效果的 jQuery 函数

    我在 javascript 函数中有一些 jQuery 可以更改页面上的文本并以特定的时间间隔淡入和淡出 我希望这些函数在每个函数完成其效果后按顺序运行 dialogueExchange1 dialogueExchange2 dialogu
  • 使 html svg 对象也成为可点击的链接(在 iPhone 上)

    这个问题与使 html svg 对象也成为可点击的链接 https stackoverflow com q 11374059 4825796 但给出的答案似乎不适用于 iPhone ios 9 3 safari 和 chrome 浏览器 我
  • 为什么插入符号在具有position:relative的contenteditable中不可见?

    When a contenteditable元素有position relative和背景颜色 插入符号放置在该元素中时是不可见的 这是一个例子 bug position relative background color lightgre

随机推荐

  • 是否有任何理由在同一字段上同时使用主键和唯一键?

    我正在分析 Oracle 数据库设计 我很困惑地看到同一字段上同时存在唯一键和主键 这些唯一主键对在所有表上一致创建 我认为没有理由这样做 如果我无论如何都有主键 是否有充分的理由在同一字段上创建额外的唯一键 对于解析多对多的表 通常有一个
  • 此操作不支持一致性级别 LOCAL_ONE。支持的一致性级别有:LOCAL_QUORUM

    我正在使用 AWS keyspaces 并尝试从 C 插入数据 但收到此错误 此操作不支持一致性级别 LOCAL ONE 支持的一致性级别是 LOCAL QUORUM 有人可以帮忙吗 AWS密钥空间 CREATE KEYSPACE IF N
  • 多次限制获得公共服务

    我有这样的情况 想象一下有一个公共 REST 服务 我们不希望某人能够在短时间内多次访问此服务 因为他们将能够阻止我们的数据库 我认为本质上是 DDOS 攻击 有没有办法有效防范此类攻击 我们使用的技术是 Spring Spring Sec
  • 如何在不使用 Mapbox 的情况下使用 OpenStreetMap?

    我想使用 OSM OpenStreetMap 数据 但有一种方法 Mapbox 可以使用吗 如果有其他解决方案可以在不使用 MapBox 的情况下使用 OSM OpenStreetMap 那对我会有帮助 由于这是用 Swift 标记的 我假
  • 使用 django-storages 和 S3boto 后端保存到 S3 时如何设置“Content-Type”?

    我在用django storages with s3boto作为后端 我有一个桶 里面有两个文件夹 一个用于static和一个用于media 我使用以下方法实现了这一点django s3 folder storage 除了使用模型保存到 S
  • Visual Studio 2010 编译 C 代码

    我有以下代码片段 这是 Visual Studio 2010 中的一个 C 文件 如果我尝试使用以下行编译它 int hello 10 注释掉它会编译得很好 如果我评论其中的那一行将无法编译 我是否遗漏了某些内容 或者我不应该使用 Visu
  • 为偶数和奇数 div 添加不同的类

    我有一段 PHP 代码 如下所示 flag false if empty links echo h1 You have no uploaded images h1 br foreach links as link extension sub
  • 如何设置工作项的必填字段和默认值

    我正在为我的项目使用 Visual Studio Team Services 并通过网络访问它 我正在使用 Scrum 模板 我试图弄清楚如何设置任务字段的默认值 例如 对于任务的 活动 字段 我希望将其设为必填字段 并在每次添加新任务时将
  • 如何隐藏按钮轮廓

    我的这个页面有很多按钮 https jsfiddle net Android272 c150305z https jsfiddle net Android272 c150305z 我已经尝试了以下代码的每种组合 但没有任何方法可以摆脱轮廓
  • 具有动态维度的数组的子集部分

    我想对一个具有动态维数 k 的数组进行子集化 举个例子 A lt array 1 3 4 dim c 3 3 3 3 因为尺寸可能会有所不同 此处未显示 所以我不能简单地定义 a b c d 并通过以下方式进行查询 a lt 1 2 b l
  • 调试时 Epplus Save()、SaveAs() 等方法运行速度非常慢

    环境 Windows 10 Visual Studio 2017 netcore2 0 调试版本 在调试时使用 Epplus 4 1 1 保存 Excel 文件时 保存操作花费的时间比我预期的要长得多 这是使用 调试 gt 开始调试 运行时
  • 将每个 R for 循环迭代保存在新列表中

    我正在使用dataprepSynth 包的功能 参见https cran r project org web packages Synth Synth pdf https cran r project org web packages Sy
  • 算法优化[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 这里是link https www
  • 将参数传递给 Laravel 作业不起作用

    我之前读过这个问题的解决方案 但似乎我做错了其他事情 这就是我问的原因 通常解决方案是将参数添加到类的主体以及 construct 方法中 但甚至这样做它不起作用
  • 释放R中的内存

    在 R 中 我尝试将几组时间序列数据组合并转换为 xtshttp www truefx com page downloads http www truefx com page downloads但是 这些文件很大并且有很多文件 因此这导致我
  • 正确记录日志

    所以我的问题是关于日志记录 以及如何处理可能影响您的代码和运行时行为的日志语句 日志文件 每个程序都应该编写这些文件以正确解决问题 但如何正确执行呢 大多数日志语句的获取成本非常高 因为它们应该提供有用的信息 并且即使完全禁用日志记录 它们
  • 了解 Lambda 闭包类型如何删除默认构造函数

    从5 1 2开始 19 与 lambda 表达式关联的闭包类型有一个已删除的 8 4 3 默认构造函数和一个被删除的 复制赋值运算符 它有一个隐式声明的复制构造函数 12 8 并且可能有一个隐式声明的 移动构造函数 12 8 注意 复制 移
  • '已溢出其堆栈”' aria-label='构造大树时“线程'
    '已溢出其堆栈”'> 构造大树时“线程'
    '已溢出其堆栈”

    我实现了一个树结构 use std collections VecDeque use std rc Rc Weak use std cell RefCell struct A children Option
  • 中心标签还有效吗?

    我主要使用 HTML
  • 切换/切换 div (jQuery)

    我希望完成一项相当简单的任务 我希望 我有两个 div 标签和一个锚标签 如下所示 a href forgot password a div div div style display none div 我希望使用锚标记在两个 div 标记