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 asp.net 获取当前超链接中的文本
Apr 14 Javascript
javascript 无提示关闭窗口脚本
Aug 17 Javascript
JQuery性能优化的几点建议
May 14 Javascript
js实现右下角提示框的方法
Feb 03 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
Angular2.js实现表单验证详解
Jun 23 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
react PropTypes校验传递的值操作示例
Apr 28 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 has encountered an Access Violation
2007/01/15 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
js 匿名调用实现代码
2009/06/19 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
2012/09/30 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
jQuery实现带滑动条的菜单效果代码
2015/08/26 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
Python优先队列实现方法示例
2017/09/21 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
python3实现名片管理系统
2020/11/29 Python
python的常用模块之collections模块详解
2018/12/06 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
Python实现TCP通信的示例代码
2019/09/09 Python
python3获取url文件大小示例代码
2019/09/18 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
python怎么判断模块安装完成
2020/06/19 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
物流管理专业毕业生自荐信
2014/03/04 职场文书
汽车广告策划方案
2014/05/31 职场文书
雷人标语集锦
2014/06/19 职场文书
个人剖析材料范文
2014/09/30 职场文书
财务部岗位职责范本
2015/04/14 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
用JS实现飞机大战小游戏
2021/06/09 Javascript
oracle重置序列从0开始递增1
2022/02/28 Oracle