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下onpropertychange事件的绑定方法
Aug 01 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
Js sort排序使用方法
Oct 17 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
vue-router实现webApp切换页面动画效果代码
May 25 Javascript
p5.js入门教程和基本形状绘制
Mar 15 Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
vue-router的hooks用法详解
Jun 08 Javascript
Vue组件为什么data必须是一个函数
Jun 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
PHP概述.
2006/10/09 PHP
php中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
zend api扩展的php对象的autoload工具
2011/04/18 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
php实现webservice实例
2014/11/06 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
jQuery图片轮播功能实例代码
2017/01/29 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
2019/01/03 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[01:33]一分钟玩转DOTA2第三弹:DOTA2&DotA快捷操作大对比
2014/06/04 DOTA
Python中类的继承代码实例
2014/10/28 Python
Python制作简单的网页爬虫
2015/11/22 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
2016/04/28 面试题
什么是.net的Remoting技术
2016/07/08 面试题
文明餐桌行动实施方案
2014/02/19 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
检查机关党的群众路线个人整改措施
2014/10/04 职场文书
继续教育个人总结
2015/03/03 职场文书
劳动模范获奖感言
2015/07/31 职场文书
SQL Server Agent 服务无法启动
2022/04/20 SQL Server