Jquery中显示隐藏的实现代码分析


Posted in Javascript onJuly 26, 2011

$("#id").show()//表示display:block,
$("#id").hide()//表示display:none;
$("#id").toggle()//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

$("#id").css('display','none');
$("#id").css('display','block');
//或
$("#id")[0].style.display = 'none';

//$("#id")返回的是JQuery12 //它是个集合肯定没有display属性

Javascript 相关文章推荐
JQuery Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
firefox下frameset取不到值的解决方法
Sep 06 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
jquery验证手机号是否正确实例讲解
Nov 17 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
深入解析ES6中的promise
Nov 08 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
Jul 26 #Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 #Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 #Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 #Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 #Javascript
jQuery选择器的工作原理和优化分析
Jul 25 #Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 #Javascript
You might like
php empty() 检查一个变量是否为空
2011/11/10 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
利用php+mcDropdown实现文件路径可在下拉框选择
2013/08/07 PHP
PHP递归删除多维数组中的某个值
2017/04/17 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JavaScript 拾漏补遗
2009/12/27 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
vue2.0模拟锚点的实例
2018/03/14 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
详解vue axios二次封装
2018/07/22 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
vue.js this.$router.push获取不到params参数问题
2020/03/03 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
React实现todolist功能
2020/12/28 Javascript
python使用百度翻译进行中翻英示例
2014/04/14 Python
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
python3爬虫之设计签名小程序
2018/06/19 Python
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
武汉英思工程科技有限公司–ORACLE面试测试题目
2012/04/30 面试题
普通大学毕业生自荐信范文
2014/02/23 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
一个都不能少观后感
2015/06/04 职场文书
小学教师见习总结
2015/06/23 职场文书
2015年暑期见闻
2015/07/14 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python