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 相关文章推荐
Javascript 对象的解释
Nov 24 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
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
Sony CFR 320 修复改造
2020/03/14 无线电
PHP 事务处理数据实现代码
2010/05/13 PHP
php指定函数参数默认值示例代码
2013/12/04 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
brook javascript框架介绍
2011/10/10 Javascript
javascript中expression的用法整理
2014/05/13 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
在Python中使用next()方法操作文件的教程
2015/05/24 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python3 中文文件读写方法
2018/01/23 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
flask项目集成swagger的方法
2020/12/09 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
项目采购员岗位职责
2014/04/15 职场文书
工作保证书范文
2014/04/29 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang