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 相关文章推荐
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
HTML5附件拖拽上传drop & google.gears实现代码
Apr 28 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
Aug 14 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
javascript中call()、apply()的区别
Mar 21 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 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
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
很可爱的输入框
2008/08/03 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
JavaScript知识点总结(十)之this关键字
2016/05/31 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
ReactNative列表ListView的用法
2017/08/02 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
vue+elementUI实现图片上传功能
2019/08/20 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
2019/12/16 Javascript
js仿淘宝放大镜效果
2020/12/28 Javascript
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Python实现替换文件中指定内容的方法
2018/03/19 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
python3 写一个WAV音频文件播放器的代码
2019/09/27 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
英国袜子店:Sock Shop
2017/01/11 全球购物
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
后勤自我鉴定
2013/10/13 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
初中成绩单评语
2014/12/29 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript