开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jQuery .hide()可以工作，但不能使用.show()

jQuery是一种流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。其中，.hide()和.show()是jQuery提供的两个方法，用于隐藏和显示HTML元素。

.hide()方法可以隐藏选定的HTML元素。它通过将元素的display属性设置为"none"来实现隐藏。隐藏的元素在页面上不可见，但仍然占据空间。.hide()方法没有参数，可以直接调用。

.show()方法用于显示之前隐藏的HTML元素。它通过将元素的display属性设置为默认值（如"block"、"inline"等）来实现显示。和.hide()方法一样，.show()方法也没有参数，可以直接调用。

然而，如果在使用.hide()方法后直接调用.show()方法，发现.show()方法无法正常工作，可能是由于以下原因：

元素的display属性被其他CSS样式或JavaScript代码修改了。在.hide()方法隐藏元素后，如果其他代码修改了元素的display属性，.show()方法可能无法将其恢复为原始的显示状态。这时可以尝试使用CSS样式重置元素的display属性，或者使用其他方法来显示元素。
元素被移除或替换了。如果在.hide()方法隐藏元素后，该元素被移除或替换了，.show()方法无法将其恢复显示，因为元素已经不存在或被替换为其他元素。这时需要检查代码逻辑，确保元素没有被意外移除或替换。

总结起来，.hide()方法可以正常工作，但不能直接使用.show()方法可能是由于元素的display属性被其他代码修改或元素被移除或替换了。在使用.show()方法前，需要确保元素的display属性正确设置，并且元素存在于文档中。

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

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
腾讯云函数（SCF）：https://cloud.tencent.com/product/scf
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai

相关搜索:JQuery可以.hide() div，但不能.show()Jquery show hide没有像预期的那样工作？升级到Bootstrap 4、jQuery 3.3.1后，jQuery .show() /.hide()无法工作 Jquery hide()在selct输入上工作，但不在div上工作(wordpress)我们可以使用切换而不是if/else和hide/show逻辑吗使用JQuery可以获取img.show()的ID吗？使用带有show/hide的jQuery-UI Position实用程序似乎会导致随机偏移 rsync命令可以工作，但不能作为cronjob使用 jquery可以在外部js文件中工作，但不能在视图刀片中工作加载JSON可以使用XMLHttpRequest，但不能使用jQuery。Nginx配置- https可以工作，但不能使用http 使用jQuery .click可以工作，但.touchstart不能谷歌脚本可以手动工作，但不能使用withTrigger Cloud Firestore使用.get()可以很好地工作，但不能使用next.js使用.onSnapshot()jquery函数可以在一个页面中工作，但不能在具有相同属性的其他页面中工作(但它可以在控制台上工作)在使用Jquery移动<div>s时，insertAfter()可以工作，但insertBefore()不能 JQuery .on可以在第一个html上工作，但不能在第二个html上工作(相同的表单)带标签的正则表达式可以工作，但不能使用特定的id？angular2模块:使用OpaqueToken的依赖注入可以从JS模块工作，但不能内联为什么html画布线条动画可以工作，但不能在已经绘制线条之后使用？

相关搜索:

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

有帮助

没帮助

相关·内容

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

今天使用 jQuery 的 delay() 来延迟执行 hide() ，发现延时不起效，查了一些资料，找到了其中的原因。...jQuery 1.4 新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。...同样的 hide() 也如此。看一下 jQuery文档对 delay() 的解释：设置一个延时来推迟执行队列中的项目，它既可以推迟动画队列中函数的执行，也可以用于自定义队列。...只有在队列中的连续事件可以被延时，因此不带参数的 .show() 和 .hide() 就不会有延时，因为他们没有使用动画队列。...声明：本文由w3h5原创，转载请注明出处：《使用jQuery的delay()延迟执行show()和hide()不起效的解决方法》 https://www.w3h5.com/post/351.html

3.3K1 0

jquery的事件&动画

一、事件在1.7之前的版本中jQuery处理事件有多个方法， (google 搜索: jquery live bind degelate)作用各不相同，后来统一的使用on/off方法 1、.on( events...：1000)，可以用预设的三种速度("slow","normal", or "fast")表示参数2：一个字符串，指示转换使用哪个缓动函数。...jQuery提供"linear(线性)" 和 "swing（旋转）" 参数3：完成后执行的函数 $('.target').hide(); $('#book').hide(300, 'linear',...用法和show、hide类似 4、fadeIn( [duration ] [, easing ] [, complete ] ) 通过淡入的方式显示匹配元素， 5、.fadeOut( [duration...我们可以把代码放在动画show的回调函数里面，他就会等动画完成后执行了。

1.8K2 0

python_day15_前端_jQue

它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments...如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); 基础语法： jquery的基础语法：$(selector).action(...// 有值显示true,没有直接false //也可以直接设定值 attr 跟prop 都是只有一个为查询,两个(第一个是对象,第二个是值) console.log($('.inp2').prop(...-- // 点击增加以及事件都能使用... $('.hide').click(function () { $(".showItem").hide(1000); }

6K2 0

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

2112班，注意重点内容回顾 jQuery简述为了解决开发过程中的兼容性问题，产生了许多JavaScript库，目前被频繁使用的JavaScript库包括 jQuery、Prototype、Spry...其中使用最广泛的JavaScrip库是jQuery, 是于2006年创建的一个JavaScript库集 JavaScript、CSS、DOM 和 Ajax 于一体的强大框架体系。...isf = 1; } else { $("#show").hide(1000); isf = 0; } } </script...} function hide() { $("#menu").hide(1000); } 示例3：颜色切换，这里是通过...name = 'userName']").val(); console.log(userName); return false; } 下图示例可以看到

5.6K1 0

jQuery实现元素的鼠标移入移出及点击显示隐藏（微信二维码）

jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。...jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。...jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。...jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。...jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。

3.8K0 0

jQuery框架实现元素显示及隐藏动画【附案例分析】

首先来看一个简单的动画效果图：我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作，所以上面显示和隐藏的也只是一个div，而并不是一个图片。...如下实例代码： // 显示div $("#showDiv").show("slow","swing"); linear 匀速在默认方式下实现元素隐藏的方法是 hide([speed,[easing...hide()方法，当再次调用时，元素又会被显示出来，类似于show()方法。...其中的参数含义和上面一样实例代码如下： // 能显示能隐藏 $("#showDiv").toggle("slow","linear"); 默认方式下实现效果如图：二、滑动方式显示和隐藏从名字上我们应该也能区分出...()方法 // 2、在定时器中调用显示广告和隐藏广告的函数 // 3、使用show和hide方法实现图片的显示和隐藏 // 设置入口函数

6.4K2 0

Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件

如果没有特别高的要求，也可以自已实现无刷新有等待效果的上传......才能获取客户端上传文件集合 http://www.malsup.com/jquery/form/#api 提交表单，上传时，等待效果可以在beforeSubmit回调函数中显示 http:/...在使用包含文件上传控件的表单时，必须使用该值。 text/plain 空格转换为 "+" 加号，但不对特殊字符编码。 ...Jquery和一般处理程序实现无刷新上传大文件 <link href="!...']").show(); $("[id$='imgUploading']").hide(); $("[id$='btnSubmit

2.1K5 0

22-jQuery深入

src="js/jquery-3.5.1.min.js"> /** * show,hide,taggle都可以接收三个参数...可以省略 * 第三个参数表示执行函数，函数会在动画时执行，每个元素执行一次 */ //利用hide函数隐藏元素 function hideFunc...() { $("#div1").hide("slow","swing",function () { alert("div1被隐藏...");...}) } //利用show方法显示元素 function showFunc() { $("#div1").show("slow",...，此时可以通过this获取对象，但不能获取索引值 alert(index+":"+$(element).html()); }); //第二种方式

1.1K2 0

jQuery 动画

jQuery动画相关方法概况方法说明实例 hide()和show() 隐藏和显示 HTML 元素。...() 和 show() 在 jQuery 中，可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。...中，可以使用 toggle() 方法来切换 hide() 和 show() 方法。...其余参数说明可以参考 hide() 和 show()。...其余参数说明可以参考 hide() 和 show()。

2.8K8 0

通过select下拉框里的value控制div显示与隐藏

> $(function() { //隐藏div...").change(function() { if($(this).val() == 1 ) { $("#shouhou1").show...).val() == 3 ) { $("#shouhou3").show(); $("#shouhou1").hide()...坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

2.9K8 0

JQuery事件处理

Jquery事件 1、绑定事件示例代码：绑定事件什么是绑定事件？...‘mousemove’,function(){ $(this).next().show(); }).bind(‘mouseout’,function(){ $(this).next().hide();...).next().show(); },function(){ $(this).next().hide(); }) });*/ //上面例子中，第一单击显示，第二次单击隐藏，同样可以用合成时间toggle...(),这个时候的a也不会跳转 $(function(){ $(“a”).toggle(function(){ $(this).next().show(); //这是第一次单击后的操作，当然你可以给这个标题搞个背景色...使用addClass(),再次单击就用removeClass去掉就可以 },function(){ $(this).next().hide(); }) }); 3、事件冒泡示例代码

2.8K5 0

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery对象选择符有三种：标签名、ID、类可以单独使用，也可以与其他选择符组合使用元素选择器 jQuery 元素选择器基于元素名选取元素。...---- #jQuery 效果隐藏和显示 jQuery hide() 和 show() jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示..."#show").click(function(){ $("p").show(); }); 语法: $(selector).hide(speed,callback); $(selector).show...() 通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。...animate() - 使用预定义的值也可以把属性的动画值设置为 "show"、"hide" 或 "toggle"： $(“button”).click(function(){ $(“div”)

16.2K3 0

JQuery 动画：为页面添彩的魔法

JQuery 动画基础在 JQuery 中，动画主要基于两个核心方法：show()和hide()。这两个方法用于显示和隐藏元素，可以搭配参数来调整动画的速度。1....显示元素使用 show() 方法，可以使元素从隐藏状态变为显示状态，并可以设置动画的速度。<!...你可以根据需要调整速度参数，比如使用 "fast" 表示快速，或者使用毫秒数表示精确的动画时间。2. 隐藏元素使用 hide() 方法，可以使元素从显示状态变为隐藏状态，同样可以设置动画的速度。<!...从基础的 show() 和 hide() 到高级的淡入淡出、滑动效果，再到自定义动画，JQuery 动画提供了丰富的选择，满足各种场景的需求。...在实际应用中，巧妙地运用动画可以为页面增色不少，同时也要注意不要过度使用，以免影响用户体验。希望通过本篇博客，你能更好地理解和运用 JQuery 动画，为你的网页注入更多活力。

3061 0

【Java 进阶篇】JQuery 动画：为页面添彩的魔法

JQuery 动画基础在 JQuery 中，动画主要基于两个核心方法：show()和hide()。这两个方法用于显示和隐藏元素，可以搭配参数来调整动画的速度。 1....显示元素使用 show() 方法，可以使元素从隐藏状态变为显示状态，并可以设置动画的速度。 <!...你可以根据需要调整速度参数，比如使用 "fast" 表示快速，或者使用毫秒数表示精确的动画时间。 2. 隐藏元素使用 hide() 方法，可以使元素从显示状态变为隐藏状态，同样可以设置动画的速度。...从基础的 show() 和 hide() 到高级的淡入淡出、滑动效果，再到自定义动画，JQuery 动画提供了丰富的选择，满足各种场景的需求。...在实际应用中，巧妙地运用动画可以为页面增色不少，同时也要注意不要过度使用，以免影响用户体验。希望通过本篇博客，你能更好地理解和运用 JQuery 动画，为你的网页注入更多活力。

2696 0

第86节：Java中的JQuery基础

jquery是一种快速，小巧，功能丰富的JavaScript库，可以让html文档遍历和操作，事件处理，动画和ajax更加容易使用的一种api，可以在多种浏览器中工作。...事件，ready(fn) 当dom载入就绪就可以查询及操纵时绑定的一个要执行的函数，这是事件模块中最重要的一个函数，因为它可以提高web应用程序的响应速度。...代码 $("p").show() jquery库可以通过一行简单的代码添加到网页中，库包含html元素选取和操作，css操作，html事件函数，JavaScript特效和动画，html dom遍历和修改...://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"> jquery语法： jQuery hide() 函数 $(...").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); speed 参数设置值

2.9K3 0

jQuery 事件实现效果分析

jQuery 事件实现效果分析 jQuery 是为事件处理特别设计的。...效果 - 隐藏和显示 hide() 和 show() 语法： $(selector).hide(speed,callback); $(selector).show(speed,callback);...可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。...$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });...toggle() 使用 toggle() 方法来切换 hide() 和 show() 方法。

2.3K0 0

JavaScript 学习-35.jQuery 基础语法与事件

AJAX Utilities 环境准备在网页中使用 jQuery 可以使用以下方法：从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载...jQuery 基本语法通过jQuery 可以对元素查询修改操作，也可以添加事件。...隐藏和显示 jQuery 提供了隐藏和显示元素的基本方法 hide() 隐藏元素 show() 显示元素 toggle() 切换显示和隐藏示例如果你点击“隐藏” 按钮，我将会消失... 隐藏显示 toggle...$('p').hide(); }) $('#show').click(function () { $('p').show

2K1 0

JavaScript 设计模式 —— 单例模式

人之所以可以走到食物链的顶端，是因为会学习、总结，会使用“名字”和“工具”。...有可能你经常写程序的一种方式，可以描述出来，但不知道它叫什么名字，有可能就是一种设计模式。所以我们在学习的过程中，经常会有这种感受：ooooo ！！...（全局唯一、频繁使用）使用单例模式创建可以避免多次节点创建和销毁 class Login { constructor() { this.element = document.createElement...() { this.element.style.display = 'block'; console.log('show'); } hide() { this.element.style.display...function () { loginInstance.show(); }); document.getElementById('hide-btn').addEventListener('click

4043 0

JavaScript|jQuery基础语法

jQuery 是一个 JavaScript 库，它极大地简化了 JavaScript 编程。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 1.安装jQuery ?... （3）使用 hide() 和 show() 方法来隐藏和显示 HTML 元素 $(document).ready(function(){ $("#hide").click...(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }... 隐藏显示 END 编辑 | 王文星

7881 0

第73天：jQuery基本动画总结

1、jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。..., }) }); 2、jQuery中显示元素的show方法 hide是让元素显示到隐藏，show则是相反，让元素从隐藏到显示 - show与hide方法是修改的display属性，通过是visibility...important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !...show/hide、sildeDown/sildeUp、fadeIn/fadeOut。..., }, 500); 除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'。

3.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭