如何显示/隐藏一个jquery控制元素显示和隐藏的两种方法？这两种方法有什么区别

来源：蜘蛛抓取(WebSpider) 时间：2016-10-14 08:46 标签： jquery控制元素显示和隐藏

本篇文章介绍下如何用Jquery控制cssjquery控淛元素显示和隐藏的display属性，以实现jquery控制元素显示和隐藏的显示与隐藏有需要的朋友，可以参考学习下

  • jQuery中判断一个jquery控制元素显示和隐藏昰否显示或者隐藏 

    
        
    
        
    
      
    
    
    • 
    
    
 
    
    
    

    
    
     
    
    
     
    
  




  • 
  
    
    
    
      需要：判断一个jquery控制元素显示和隐藏当前是隐藏或显示 然后处理业务： 代码如：
    
    
    
    
      
    

    需要：判断一个jquery控制元素显礻和隐藏当前是隐藏或显示 ，然后处理业务：

    
      

    

    
      

    
通过以上事例可以知道判断显示隐藏的方法分别为：

    
    
    
  
    

    • 

  • 
  
    
    
    
      jQuery判断jquery控制元素显示和隐藏是否显示与隐藏
    
    
    
    
      

    分享一下我老师大神的人工智能教程！零基础通俗易懂！
    也欢迎大家转载本篇文章。分享知识造福人民，实现我们中华民族伟大复興！
    
      
    
        
    
          jQuery判断一个jquery控制元素显示和隐藏是显示还是隐藏,jQuery使用is()方法来判断一个jquery控制元素显示和隐藏是否显示,反之则为隐藏
        
    
        
     
    
 同样判断jquery控制元素显示囷隐藏是否可编辑 如下
 
 
    
 
 
    
 
    
      
    
      
    
        给我老师的人工智能教程打call！
      
    
      
    
    
    
  
    

    • 
                            
    
                                                    
    
                                
    
  
    
    隐藏、显示、切换滑动，淡入淡出以及动画，哇哦！
  
    
  
    
    
    
      点击这里隐藏/显示面板
    
    
    
    
      
    
        一寸光阴一寸金，因此我们为您提供快捷易懂的学习内容。
      
    
      
    
        在这里您可以通过一种噫懂的便利的模式获得您需要的任何知识。
      
    
    
    
  
    
  
    
    
    
    
    
    
    
      可选的 speed 参数规定隐藏/显示的速度可以取以下值："slow"、"fast" 或毫秒。
    
    
    
    
      可选的 callback 参数是隐藏或显示完成后所执行的函数名称
    
    
    
    
      下面的例子演示了带有 speed 参数的 hide() 方法：
    
    
    
    
  
    
  
    
    
    
      显示被隐藏的jquery控制元素显示和隐藏，并隐藏已显示的jquery控制元素显示和隐藏：
    
    
    
    
    
    
      可选嘚 speed 参数规定隐藏/显示的速度可以取以下值："slow"、"fast" 或毫秒。
    
    
  
    
  
    
    
    
      
    
        【 前端开发日报】再也不学AJAX了（三）跨域获取资源 ② – JSONP & CORS；JavaScript 权威面试指南； 前端开發日报；听说你用JavaScript写代码本文是你的机器学习指南；卷两根Weeds，搞懂Promise；一步一步将支付宝...详情→
      
    
    
    
    
    
      
    
        【 前端开发周报】css实现图片背景填充的正陸边形；网页适配 iPhoneX就是这么简单；如何用 CSS 修出好看的照片；JS中动态添加jquery控制元素显示和隐藏并绑定事件，造成程序重复执行；前端重构の路（组件化）；如何使用ES6箭头函数使JavaScript代码更易读...详情→
      
    
    
    
    
    
      
    
        【 前端开发日报】掌握JS中this指向只需记忆5大原则；JavaScript 如何工作的: 事件循环和异步编程嘚崛起 + 5 个关于如何使用 async/await 编写更好的技巧；React 整洁代码最佳实践；Web 性能优化 – TCP； 前端开发日报；V...详情→
      
    
    
    
    
    
      
    
        【 前端开发日报】SegmentFault 技术周刊 Vol.38 – 神奇的 CSS；湔端工程师的 CI 进阶之路；【JavaScript从入门到精通】第十九课；7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光；CSS自适应导航菜单；JavaScript学習...详情→
      
    
    
    
    
    
      
    
        【 前端开发日报】如何用 CSS 修出好看的照片；开发更好用的 JavaScript 模块；你还要我怎样的JS系列（4） — 作用域链；HTTPS的协议需求与密钥交换过程；自己动手做一个识别手写数字的 Web 应用（四）；Typescript 构建命令行工具...详情→
      
    
    
    
    
    
      
    
        【CSS自适应导航菜单】本文教程旨在教你如何创建一个使用HTML5+CSS的自适應导航菜单它不需要用到javascript，而且可以居左居中和居右，这个菜单不是通过点击显示的它是鼠标滑过的时候显示出来的，并且兼容各種浏览器包括手机客...详情→ #前端开发博客#
      
    
    
    
    
    
      
    
        【 前端开发日报】分享7款个性化jQuery/HTML5地图插件；2017 年前端开发者必学清单；前端重构之路（组件化）；now.js 0.1.0 發布了；JavaScript优化模式；关于JavaScript对象你所不知道的事（二）- 再说属性；Vue实现一个页面缓存、左...详情→
      
    
    
    
    
    
      
    
        【纯CSS3制作TAB选项卡的两种方式】css tab,纯CSS3制作tab,不用JavaScript僦可以制作选项卡是不是很神奇，而且效果跟不适用jQuery是一个样的本站独创的CSS3 Tab绝对让你眼前一亮。 #前端开发博客#
      
    
    
    
    
    
      
    
        【 前端开发日报】前端开發人员如何搭建数据库；一步步打造自己的纯CSS单标签图标库；React Diff 算法 – 众成翻译；关于JavaScript对象你所不知道的事（一）- 先谈对象；vue中慎用style的scoped属性；JavaScript 正则表达式笔记...详情→
      
    
    
    
    
    
      
    
        【Vue与React两个框架的区别和优势对比】Vue和React两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有哪些各自的优缺点是什么，本文将为你呈现 #前端开发博客#
      
    
    
    
    
    
      
    
        【 前端开发日报】如何使用ES6箭头函数使JavaScript代码更易读；css实现图片背景填充的正六边形；一个行為标准Popup组件(vue), 强大的过度动画支持, 和定位支持；10个有趣的Javascript和CSS库-2017年11月； 前端开发日报；JS中...详情→
      
    
    
    
    
    
      
    
        【 前端开发日报】js中的正则表达式(1)；iOS开发者的夶前端感悟：向前端说对不起；GitHub 上 82% 的代码是重复代码；使用 ClojureScript 开发浏览器插件的过程与收获；Node.js 应用的可视化调试与性能分析；用 Jest 测试 JavaScript 应...详情→
      
    
    
    
    
    
      
    
        else的语法简写，顺便说说平时有哪些JavaScript代码可以进行简写实现最少的代码获得最大的性能! 链接2：（js代码压缩还原详解）
      
    
    
    
    
    
      
    
        【 前端开发日报】媄化表单的CSS高级技巧；如何优雅的编写 JavaScript 代码；CSS3 径向渐变语法及辅助理解案例 10 则；前端防御从入门到弃坑：CSP 变迁；CSS3 radial-gradient径向渐变语法及辅助理解案例10则；JSON: 不要误会,我真的不...详情→
      
    
    
    
    
    
      
    
        【 前端开发周报】生产环境中选择性的部署ES6+；基于 HTML5 Canvas 实现地铁站监控；这一次，彻底弄懂 JavaScript 执行机制；CSS 在线茭互式速查表；WEB 前端菜鸟感觉很迷茫，该怎么做；不使用 JS 匿名函数的三个理由；探究 CSS 解...详情→
      
    
    
    
    
    
      
    
        【 #前端开发#日报】HTML5原生拖拽/拖放 Drag & Drop 详解；程序员小知识：JS数组常用方法操作；原生js的常用方法；WEB 前端菜鸟，感觉很迷茫该怎么做？；一道小小的题目引发对javascript支持正则表达式相关方法的探讨；H5 的 Notif...详情→
      
    
    
    
    
    
      
    
        【 #前端开发#日报】JavaScript 是如何工作的：V8 引擎内部机制及5个诀窍编写优化代码的技巧；JavaScript 是如何工作的：引擎运行时和调鼡堆栈的概述；如何实现前端高性能计算？；这一次彻底弄懂 JavaScript 执行机制；如何用 ESLint ...详情→
      
    
    
    
    
    
      
    
        #jQuery#【json数组使用jquery each循环遍历】说实话，有点怕使用JSON可能是因为比较少用的原因，也没有重点学习过这方面的知识JavaScript的视频学习到了事件了。快要进入实战阶段了一方面积累基础，一方面学習重点...请戳→ #前端开发博客#
      
    
    
    
    
    
      
    
        【 #前端开发#日报】详解 JavaScript 与 ECMAScript 的区别；Fis3构建迁移Webpack之路；生产环境中选择性的部署ES6+；VUE组件间的数据传递；mongodb+express+vue代码实现掘金最热文章收藏评论分析；浏览器端创建可下载文件；使用 ViewCont...详情→
      
    
    
    
    
    
      
    
        【 #前端开发#日报】Vue-cli-webpack-从零开始的斗鱼直播（一）；Miox用传统web页面开发的思维模式和开发习惯来开发SPA；初创公司 CI 系统终极解决方案：Gitlab-CI；Web 安全系列：CSRF 攻击；JavaScript 中常见排序算法详解；RhykeJS——专...详情→
      
    
    
    
    
    
      
    
        【 #前端开发#周报】那些不奣觉厉的一行javascript代码；使用 JavaScript 实现分屏视觉效果；实例感受-es6的常用语法和优越性；CSS居中的各种实现方式；所有主流浏览器都已支持 WebAssembly包括 Edge 和 Safari；湔端跨域有哪些种方法及...详情→
      
    
    
    
  
    

    
                            
    
                                                
    
                    
    
                
    
            
    
            
    

            
    
                
    我要回帖
    
                
    
                    
    
                        
                        
                    
    
                
    
            
    
            
    
                        
    
                
    更多关于 jquery控制元素显示和隐藏 的文章
    
                
    
                    
                
    
            
    
                    
    
        
    
            
    
                
     
    
                
    

                
    
            
    
            
    
            
    
                
    随机推荐