开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

show()和hide()不工作，但切换工作...如果条件错误？

如果show()和hide()方法不起作用，但切换工作，可能是因为条件错误导致的。

show()和hide()是jQuery库中的方法，用于显示和隐藏HTML元素。当调用show()方法时，指定的元素将变为可见状态；而调用hide()方法时，指定的元素将变为隐藏状态。

当这两个方法不起作用时，可能是由于以下原因之一：

元素选择器错误：确保你使用正确的选择器来选取要显示或隐藏的元素。可以通过检查元素的ID、类名或标签名来确认选择器是否正确。
元素不存在：如果指定的元素不存在于DOM中，那么show()和hide()方法将无法生效。确保元素存在于DOM中，并且选择器能够正确地选取到该元素。
方法调用时机错误：show()和hide()方法需要在DOM加载完成后才能正确调用。如果在DOM加载完成之前调用这些方法，它们可能不会生效。可以将这些方法的调用放在$(document).ready()函数中，以确保在DOM加载完成后再执行。
CSS样式冲突：show()和hide()方法通过修改元素的display属性来实现显示和隐藏效果。如果在CSS样式中对该元素的display属性进行了特殊设置，可能会导致show()和hide()方法不起作用。可以通过检查元素的CSS样式，尤其是display属性，来确认是否存在冲突。
JavaScript错误：show()和hide()方法可能被其他JavaScript代码中的错误所影响，导致它们不起作用。可以通过检查浏览器的开发者工具控制台，查看是否有任何JavaScript错误信息。

总结起来，如果show()和hide()方法不起作用，首先要检查选择器是否正确、元素是否存在、方法调用时机是否正确、CSS样式是否冲突以及是否有其他JavaScript错误。根据具体情况进行排查和修复。

腾讯云相关产品和产品介绍链接地址：

腾讯云主页：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc

相关搜索:Javascript .hide()和.show()不工作如何让show和hide函数在每组div上工作角度不工作，但没有错误 virtualenvwrapper mkvirtualenv不工作，但没有错误如果代码不工作，则显示错误消息 Express POST不工作，但GET和PATCH Git克隆和推送不工作，但添加提交工作如果语句python不工作，则会出现多个条件 Swift -切换视图和返回时动画不工作 transition_time工作正常，但transition_reveal不工作(显示错误)Curried函数会导致错误，但如果不执行curried，则可以正常工作 Angular路由器链路不工作，但如果重新加载它可以工作 F#：SQLiteCommand序列不工作，但单个SQLiteCommand工作。未给出错误 SAS宏不工作，但没有错误或警告事件侦听器不工作，但没有错误等待任务在由代码触发时不工作，但如果由用户触发，则它工作 react https服务器不工作，但如果我指定端口号，则它工作我的代码不工作:错误424和错误9 工作表函数Sum-如果导致错误类型不匹配为什么在angular中ng-show和ng-hide不能与$route一起工作？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Fragment 基础知识

一旦activity进入resumed状态（也就是running状态），可以自由地添加和删除fragment了。因此，只有当activity在resumed状态时，fragment的生命周期才能独立的运转，其它时候是依赖于activity的生命周期变化的。

02

Qt软件开发_解决中文路径无法识别问题

在QT for Windows 下编程时，经常因为一些中文路径、带空格的路径导致一些问题出现。

03

Android优化之切换Fragment

前言：课程设计已经基本完成，但是在点击切换Fragment的时候总是感觉有点卡顿，第一次读取网络服务器数据就体现的特别明显，在本地的话也会稍微有一点卡顿，因为我引用了一个多Fragment的框架，强迫症的我看着就是不舒服，查看框架源码...,果然，框架犯了一个低级的错误：切换Fragment竟然都是用replace()方法来替换Fragment。 ---- ****切换Fragment的方法简介**** replace() 该方法只是在上一个Fragment不再需要时采用的简便方法 show() hi

05

EXCEL VBA语句集300

定制模块行为 (1) Option Explicit ‘强制对模块内所有变量进行声明 Option Private Module ‘标记模块为私有，仅对同一工程中其它模块有用，在宏对话框中不显示  Option Compare Text ‘字符串不区分大小写  Option Base 1 ‘指定数组的第一个下标为1 (2) On Error Resume Next ‘忽略错误继续执行VBA代码,避免出现错误消息 (3) On Error GoTo ErrorHandler ‘当错误发生时跳转到过程中的某个位置 (4) On Error GoTo 0 ‘恢复正常的错误提示 (5) Application.DisplayAlerts=False ‘在程序执行过程中使出现的警告框不显示 (6) Application.ScreenUpdating=False ‘关闭屏幕刷新 Application.ScreenUpdating=True ‘打开屏幕刷新 (7) Application.Enable.CancelKey=xlDisabled ‘禁用Ctrl+Break中止宏运行的功能  工作簿 (8) Workbooks.Add() ‘创建一个新的工作簿 (9) Workbooks(“book1.xls”).Activate ‘激活名为book1的工作簿 (10) ThisWorkbook.Save ‘保存工作簿 (11) ThisWorkbook.close ‘关闭当前工作簿 (12) ActiveWorkbook.Sheets.Count ‘获取活动工作薄中工作表数 (13) ActiveWorkbook.name ‘返回活动工作薄的名称 (14) ThisWorkbook.Name ‘返回当前工作簿名称 ThisWorkbook.FullName ‘返回当前工作簿路径和名称 (15) ActiveWindow.EnableResize=False ‘禁止调整活动工作簿的大小 (16) Application.Window.Arrange xlArrangeStyleTiled ‘将工作簿以平铺方式排列 (17) ActiveWorkbook.WindowState=xlMaximized ‘将当前工作簿最大化  工作表 (18) ActiveSheet.UsedRange.Rows.Count ‘当前工作表中已使用的行数 (19) Rows.Count ‘获取工作表的行数(注：考虑向前兼容性) (20) Sheets(Sheet1).Name= “Sum” ‘将Sheet1命名为Sum (21) ThisWorkbook.Sheets.Add Before:=Worksheets(1) ‘添加一个新工作表在第一工作表前 (22) ActiveSheet.Move After:=ActiveWorkbook. _ Sheets(ActiveWorkbook.Sheets.Count) ‘将当前工作表移至工作表的最后 (23) Worksheets(Array(“sheet1”,”sheet2”)).Select ‘同时选择工作表1和工作表2 (24) Sheets(“sheet1”).Delete或 Sheets(1).Delete ‘删除工作表1 (25) ActiveWorkbook.Sheets(i).Name ‘获取工作表i的名称 (26) ActiveWindow.DisplayGridlines=Not ActiveWindow.DisplayGridlines ‘切换工作表中的网格线显示，这种方法也可以用在其它方面进行相互切换，即相当于开关按钮 (27) ActiveWindow.DisplayHeadings=Not ActiveWindow.DisplayHeadings ‘切换工作表中的行列边框显示 (28) ActiveSheet.UsedRange.FormatConditions.Delete ‘删除当前工作表中所有的条件格式 (29) Cells.Hyperlinks.Delete ‘取消当前工作表所有超链接 (30) ActiveSheet.PageSetup.Orientation=xlLandscape 或ActiveSheet.PageSetup.Orientation=2 ‘将页面设置更改为横向 (31) ActiveSheet.PageSetup.RightFooter=ActiveWorkbook.FullName ‘在页面设置的表尾中输入文件路径 ActiveSheet.PageSetup.Le

04

Vue常用指令(一)

只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。

02

读Zepto源码之fx_methods模块

00

从零开始学 Web 之 jQuery（三）元素操作，链式编程，动画方法

链式编程的前提：对象调用方法后的返回值还是当前对象，那么就可以继续调用方法，否则不可以继续调用方法。

03

v-if与v-show的区别

v-if指令与v-show指令都可以根据值动态控制DOM元素显示隐藏，v-if和v-show属于Vue的内部常用的指令，指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。

02

一些实用的Photoshop快捷键

将所选文本的文字大小减小10 点像素【Ctrl】+【Alt】+【Shift】+【<】

03

开放-封闭原则（OCP，Open - Closed Priciple）

开放-封闭原则（OCP，Open - Closed Priciple） 1 前言害羞地看完了《单一职责简述》，自然想到了另外一个重要的原则——开放&封闭原则开放&封闭原则是程序设计的一个重要原则，

09

开放-封闭原则（OCP，Open - Closed Priciple）

开放&封闭原则是程序设计的一个重要原则，相比于著名的SPR，这个原则可能不太容易被人们记住，但是这个原则却不容忽视

01

重学VUE——vue 常用指令有哪些？

在 vue 中，指令以 v- 开头，是一种特殊的自定义行间属性。指令属性的预期值是一个表达式，指令的职责就是：表达式的值改变时，相应地将某些行为应用到DOM上。只有v-for是一个类外，后边跟的不是表达式。

01

jQuery 动画

jQuery动画相关方法概况方法说明实例 hide()和show() 隐藏和显示 HTML 元素。 $("#hide").click(function(){

08

FindWindowEX应用实例二则[通俗易懂]

函数功能：该函数获得一个窗口的句柄，该窗口的类名和窗口名与给定的字符串相匹配。这个函数查找子窗口，从排在给定的子窗口后面的下一个子窗口开始。在查找时不区分大小写。

02

jquery特殊效果 - fadeIn\fadeOut\hide\show\slide

那么下一步写click监听点击按钮，然后触发div使用fadeOut()方法，使得已存在的div消失，如下：

02

前端开发者都应知道的 jQuery 小技巧

Matt Smith 发起的一个小项目，目前已有 15 个小技巧。伯乐在线会持续跟进更新。

03

TypeScript 4.3 beta 版本正式发布：新增import语句补全，对模板字符串类型进行改进

https://www.nuget.org/packages/Microsoft.TypeScript.MSBuild

04

第73天：jQuery基本动画总结

var btn = document.getElementById(“bt n”);

01

微信小程序开发之尝试 UI 逻辑分离

在大概 8 月底，有幸参与了企鹅 FM 和微云的微信小程序开发，这篇文章是我对 UI 逻辑分离的思考总结，另由于微云的业务逻辑代码实在太复杂勒……所以文章中将主要以 FM 为例。 // 以下关于 UI 分离的实践是我一人在尝试… 姑且算是纸上谈兵，真正在 UI 开发和前台开发分开的情况下如何…等我做完需求再来更新

05

Android中Fragment相互切换间不被回收的实现方法

Android运行在各种各样的设备中，有小屏幕的手机，超大屏的平板甚至电视。针对屏幕尺寸的差距，很多情况下，都是先针对手机开发一套App，然后拷贝一份，修改布局以适应平板神马超级大屏的。难道无法做到一个App可以同时适应手机和平板么，当然了，必须有啊。Fragment的出现就是为了解决这样的问题。

04

Web前端JQuery面试题（三）

onload()方法要等页面中全部元素加载到浏览器中才执行，如果页面中存在大量图片，要等这些内容加载完毕。

02

浅谈Android应用内悬浮控件实践方案总结

首先想到的是申请悬浮窗权限，OK~ 打开搜索引擎，映入眼帘的并不是如何申请，而是“Android 悬浮窗权限各机型各系统适配大全、Android 绕过权限显示悬浮窗…”，为什么悬浮窗权限会有这么多坑呢？悬浮窗可以在桌面显示，被恶意软件用来偷偷弹广告怎么办？作为一个系统级别的特殊权限，这是它应有的高傲 – –

02

SQLldr_乔羽简介

SQL*LOADER是ORACLE的数据加载工具，通常用来将操作系统文件（数据）迁移到ORACLE数据库中。SQL*LOADER是大型数据仓库选择使用的加载方法，因为它提供了最快速的途径（DIRECT，PARALLEL）。

01

Fiddler工具之Filters[通俗易懂]

1、首先打开Fiddler主界面，查看右侧功能区选择Filfters标签，勾选Use Filters复选框；

02

一个ajax的Post要求

$.post(url,[data],[callback],[type]) 第一个参数是地址，第二个参数是一个参数传递。第三个参数是一个回调函数。參数是请求返回数据的类型

01

掌握 SwiftUI 的 task 修饰器

随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于 async/await 的异步代码。本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。

06

掌握 SwiftUI 的 task 修饰器

随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于 async/await 的异步代码。本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。

03

咱真的了解 Activity 与 Fragment 生命周期吗？

和尚我中午和朋友闲聊，被问到 Activity 与 Fragment 的生命周期，以为是很基础的东西，基本可以把生命周期说全，但是被问到 Activity 与 Fragment 交互的生命周期运行顺序，切换 Fragment 时候的生命周期顺序，以及切换完之后退出时的生命周期…瞬间感觉基础知识太不扎实了。不禁问一下和尚自己：我真的了解 Fragment 的生命周期么？

04

一些好用的jquery技巧

1、返回顶部按钮通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画： // Back to top $('.top').click(function (e) { e.preventDefault(); $('html, body').animate({scrollTop: 0}, 800); }); Back to top 改

06

Android实现底部导航栏的主界面

在主流app中，应用的主界面都是底部含有多个标签的导航栏，点击可以切换到相应的界面，如图:

04

Toast 的 Window 创建过程

两种IPC进程方式，分别是NotificationManagerService与NotificationManagerService回调内部的TN接口实现。它可以自定义view，也可以使用默认的view，默认的就是mNextView。当前view的显示与取消都是一次跨进程通信。也就是show与hide方法。

02

【jQuery动画】显示与隐藏效果

在网页开发中，适当地使用动画可以使页面更加美观，进而增强用户体验。jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~

01

Qt编写安防视频监控系统1-通道切换

通道切换在视频监控系统中是最基础的必备功能，一般都会提供1通道+4通道+6通道+8通道+9通道+16通道这几个通道切换，可能做得比较好的还会提供24通道+32通道的，这个可能对电脑的配置就有一定要求了，一般来说，超过9个通道实时显示视频流，基本上会采用子码流来显示，如果都采用主码流，电脑压力非常巨大，CPU占用很高，内存也高，不过现在的电脑配置越来越高，基本上四千多的台式机，配置已经非常好了，显示个16个通道的实时视频毫无压力。

04

iframe页面点击页面其它地方隐藏某元素

切换账号 <a style="font-size: 12

00

es6中class类的全方面理解（二）------继承

继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异，如果学过java的小伙伴应该很容易理解，都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码：

02

CAD切换工作空间没有二维草图与注释，如何添加？

近期遭到所谓有版权的举报（其实也就是一些不出名的网站而已，出名一点的人家巴不得人家帮你宣传，只是最新的资料的话，只能在下一期开始之时才可能发放出来。因此，此后不再写文章之类的了，后台会直接给上链接供大家下载）。

03

Android 再次探究Fragment在各种情况下的onResume与onPause

之前写过一篇关于Fragment真正的onResume与onPause的文章，但是当时写的比较匆忙，并不是很严谨，导致问题多多，今天抽空更新下关于fragment在各种情况下的onResume与onPause的方法，首先附一张fragment的生命周期图：

02

网站搭建-django-学习成绩管理-10-查询成绩之后端实现

系统：Windows 7 语言版本：Anaconda3-4.3.0.1-Windows-x86_64 编辑器：pycharm-community-2016.3.2 Django：2.1.4 Python：3.6.0

02

Fiddler实战

我家里的电脑是使用的是Fiddler4，fiddler目前都可以捕获到chrome的session，但是我公司还是使用的是Fiddler2，因为我是开发人员，很喜欢使用chrome调式代码，所以经常Fiddler捕获不到chrome下session。所以对这个可以做个总结，为了自己以后忘记了或者即将和我一样对chrome下的session捕获不到的同学一个帮助；

01

Android 5.0以上系统Toast不显示的解决方案

开发中我们经常会在适配5.0以后的机型遇到各种各样的问题，其中有一个不大不小的问题就是：Toast不显示问题

03

基于zepto的微信手机端微场景HTML5页面特效

page处是管理图片的，在改div中添加删除图片及图片中的相关组件,如在div标签为page page-9中添加的Button组件。

01

「jQuery」基础 - 01

请注意，本文编写于 2075 天前，最后修改于 173 天前，其中某些信息可能已经过时。

02

JQuery中的动画

这两种方法是jQuery动画的最基本方法。当为元素调用show方法时相当于将该元素的display样式改为block或者inline，同理，如果当元素调用hide方法时，相当于将该元素的样式改为none；因此：$("element").hide()等同于$("element").css("display","none");

03

一文深入JQuery

hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])

03

react 学习（11）高阶组件

react 中的高阶组件主要是对于 hooks 之前的类组件来说的，如果组件之中有复用的代码，需要重新创建一个父类，父类中存储公共代码，返回子类，同时把公用属性传到子类中的形式。当然对于现在的 hooks 来说基本用不到了。但是 HOC 的形式也是对应 react 而衍生出来的一种设计形式。我们仅需了解一下它的形式，你可能不会在工作中用到，但是当你维护老的项目时，也可能会接触到。本节只了解简单的使用（小编也没有深入使用过），不做深入探讨。

01

前端常见内存泄漏及解决方案

作者：lzg9527 https://juejin.cn/post/6914092198170460168

01

jQuery 事件实现效果分析

jQuery 是为事件处理特别设计的。单独文件中的函数:如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。

00

jQuery（事件和动画-基础事件、复合事件）

mourseover和mourseenter都是鼠标移入元素时触发，不同点：mourseover无论鼠标移入被选元素还是被选元素的子元素都会触发。mourseenter只有移入被选元素才会触发；

01

前端成神之路-01_jQuery

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

01

监听DIV等标记的class属性改变，实现onshow,onhide

貌似h5标记有click等事件的监听，没有show,hide等事件的监听。用了一个tab样式库，想实现切换tab时刷新页面数据，这个库也没说明招接口也不好找。看到他是在div的class属性上面addClass("active show"),removeClass("active show"),来实现切换时的隐藏和显示的。于是就想有没有监听class改变的方法，百度到 MutationObserver 用示例代码测试了一下，果真可以。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭