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 相关文章推荐
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
javascript数据类型验证方法
Dec 31 Javascript
JQUERY表单暂存功能插件分享
Feb 23 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
Mar 14 Javascript
详解vue事件对象、冒泡、阻止默认行为
Mar 20 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
redux处理异步action解决方案
Mar 22 Javascript
vue 自定义的组件绑定点击事件
Apr 21 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下目前为目最全的CURL中文说明
2010/08/01 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
JavaScript的9个陷阱及评点分析
2008/05/16 Javascript
前台js改变Session的值(用ajax实现)
2012/12/28 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
Python交换变量
2008/09/06 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Python简单I/O操作示例
2019/03/18 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
应届生自我鉴定
2013/12/11 职场文书
《七颗钻石》教学反思
2014/02/28 职场文书
企业员工薪酬方案
2014/06/04 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
学习十八大宣传标语
2014/10/09 职场文书
七年级作文之下雨天
2019/12/23 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
Python四款GUI图形界面库介绍
2022/06/05 Python