jquery显示隐藏元素的实现代码


Posted in Javascript onMay 19, 2016
$("#id").css('display','none'); 
$("#id").css('display','block');

或 

$("#id")[0].style.display = 'none'; 
$("#id")返回的是JQuery

它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间;("#firstStep").hide(500);而且可以设置时间;

$(".class").css('display','block');

$("#id").show()表示display:block,

$("#id").hide()表示display:none;

$("#id").toggle()切换元素的可见状态。

如果元素是可见的,切换为隐藏的;

如果元素是隐藏的,切换为可见的。

以上这篇jquery显示隐藏元素的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
JS实现Fisheye效果动感放大菜单代码
Oct 21 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 #Javascript
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
May 19 #Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 #Javascript
js获取Html元素的实际宽度高度的方法
May 19 #Javascript
js获取隐藏元素宽高的实现方法
May 19 #Javascript
jquery实现无刷新验证码的简单实例
May 19 #Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 #Javascript
You might like
PHP通过COM使用ADODB的简单例子
2006/12/31 PHP
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
php关联数组快速排序的方法
2015/04/17 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
PHP new static 和 new self详解
2017/02/19 PHP
php中的异常和错误浅析
2017/05/03 PHP
Laravel使用消息队列需要注意的一些问题
2017/12/13 PHP
JavaScript游戏之优化篇
2010/11/08 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
2014/10/10 Javascript
js 操作符汇总
2014/11/08 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
JavaScript实现简单的双色球(实例讲解)
2017/07/31 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
使用Python实现windows下的抓包与解析
2018/01/15 Python
Python 获取div标签中的文字实例
2018/12/20 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
a标签下载链接的简单实现
2016/09/13 HTML / CSS
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
屈臣氏俄罗斯在线商店:Watsons俄罗斯
2020/08/03 全球购物
食品行业求职人的自我评价
2014/01/19 职场文书
报纸媒体创意广告词
2014/03/17 职场文书
奥林匹克的口号
2014/06/13 职场文书
公司离职证明样本
2014/09/13 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
优秀范文:《但愿人长久》教学反思3篇
2019/10/24 职场文书