jquery显示隐藏div |
发布时间:2011-06-14 |
转载文章请标明出处:http://code.01yun.com/javascript/ajax/20110614/54341.html
本文章收藏了三款jquery 实行div显示隐藏,利用了jquery很多事情做起来都方便了很多,下面我们来看看jquery显示隐藏div效果代码吧。 以下为html内容:
aaaaa1
bbbbb1
aaaaa1
bbbbb1
显示隐藏层二 jquery如何显示隐藏div下面的span
jquery代码 $(".div").mouseo教程ver(function(){ $(this).find(".span").addclass("overline");}).mouseout(function(){ $(this).find(".span").removeclass("overline"); }) document.getelementbyid("id").display="none/block";这样写起来可以说是很麻烦,使用jquery来显示或者隐藏div就方便多了,下面来看看怎么使用jquery来显示或者隐藏div! 使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 $("#id").css教程('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是jquery 使用toggle方法还能自动判断div的当前的显示的状态,如果是none则换为block,如果是block则换为none.所以使用jquery来控制div'的显示或者隐藏 jquery显示隐藏div更多相关文章 |
- 浏览: 3507816 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (1491)
- Hibernate (28)
- spring (37)
- struts2 (19)
- jsp (12)
- servlet (2)
- mysql (24)
- tomcat (3)
- weblogic (1)
- ajax (36)
- jquery (47)
- html (43)
- JS (32)
- ibatis (0)
- DWR (3)
- EXTJS (43)
- Linux (15)
- Maven (3)
- python (8)
- 其他 (8)
- JAVASE (6)
- java javase string (0)
- JAVA 语法 (3)
- juddiv3 (15)
- Mule (1)
- jquery easyui (2)
- mule esb (1)
- java (644)
- log4j (4)
- weka (12)
- android (257)
- web services (4)
- PHP (1)
- 算法 (18)
- 数据结构 算法 (7)
- 数据挖掘 (4)
- 期刊 (6)
- 面试 (5)
- C++ (1)
- 论文 (10)
- 工作 (1)
- 数据结构 (6)
- JAVA配置 (1)
- JAVA垃圾回收 (2)
- SVM (13)
- web st (1)
- jvm (7)
- weka libsvm (1)
- weka屈伟 (1)
- job (2)
- 排序 算法 面试 (3)
- spss (2)
- 搜索引擎 (6)
- java 爬虫 (6)
- 分布式 (1)
- data ming (1)
- eclipse (6)
- 正则表达式 (1)
- 分词器 (2)
- 张孝祥 (1)
- solr (3)
- nutch (1)
- 爬虫 (4)
- lucene (3)
- 狗日的腾讯 (1)
- 我的收藏网址 (13)
- 网络 (1)
- java 数据结构 (22)
- ACM (7)
- jboss (0)
- 大纸 (10)
- maven2 (0)
- elipse (0)
- SVN使用 (2)
- office (1)
- .net (14)
- extjs4 (2)
- zhaopin (0)
- C (2)
- spring mvc (5)
- JPA (9)
- iphone (3)
- css (3)
- 前端框架 (2)
- jui (1)
- dwz (1)
- joomla (1)
- im (1)
- web (2)
- 1 (0)
- 移动UI (1)
- java (1)
- jsoup (1)
- 管理模板 (2)
- javajava (1)
- kali (7)
- 单片机 (1)
- 嵌入式 (1)
- mybatis (2)
- layui (7)
- asp (12)
- asp.net (1)
- sql (1)
- c# (4)
- andorid (1)
- 地价 (1)
- yihuo (1)
- oracle (1)
最新评论
-
endual:
https://blog.csdn.net/chenxbxh2 ...
IE6 bug -
ice86rain:
你好,ES跑起来了吗?我的在tomcat启动时卡在这里Hibe ...
ES架构技术介绍 -
TopLongMan:
...
java public ,protect,friendly,private的方法权限(转) -
贝塔ZQ:
java实现操作word中的表格内容,用插件实现的话,可以试试 ...
java 读取 doc poi读取word中的表格(转) -
ysj570440569:
Maven多模块spring + springMVC + JP ...
Spring+SpringMVC+JPA
发表评论
-
html+css 网页居中的方法
2013-08-15 08:05 1767html+css 网页居中的方 ... -
div里table居中的问题
2013-08-15 08:01 1372div里table居中的问题 将div的text- ... -
json 遍历
2013-04-12 14:01 1391JSON数据如:{"options":& ... -
防止浏览器读取缓存的一个老方法
2013-04-11 22:18 1700防止浏览器读取缓存的一个老方法 分类: Jav ... -
jquery 图片加载失败
2013-04-10 20:47 2764JavaScript判断远程图片是否存在,加载完成:oner ... -
ajax 超时设置
2013-04-10 18:40 1169$.get() $.post() $.ajax() jQuer ... -
iphone 字体不放大属性
2013-04-01 20:20 1412-webkit-text-size-adjust:none; -
media query 的用法
2013-04-01 11:07 1819<%@ page language="jav ... -
jquery 渐入渐出 特效
2013-03-31 17:43 3754<%@ page language="jav ... -
jquery checkbox disable enable
2013-03-30 20:04 1619$(function(){ enable_cb(); ... -
CSS 控件 参考网址
2013-03-30 09:36 1355http://www.cssflow.com/snippets ... -
div 显示与隐藏
2013-03-29 19:35 1199div 显示与隐藏 最近写项目用到DIV隐 ... -
简单js+css实现模拟自定义select样式
2013-03-28 21:27 1846简单js+css实现模拟自定义select样式 ht ... -
自定义 select 控件
2013-03-28 21:20 1125http://www.jankoatwarpspeed.com ... -
css 3 按钮
2013-03-28 15:10 1502CSS3 Gradient Buttons ... -
CSS3 按钮
2013-03-28 14:43 1337https://developer.cdn.mozilla.n ... -
CSS3渐变色按钮
2013-03-28 13:54 2006CSS3渐变色按钮 ... -
圆角table
2013-03-27 14:25 1347代码 <!DOCTYPE html ... -
理解CSS3线性渐变
2013-03-26 17:15 0的位置:首页 > CSS > 理解CSS3线性 ... -
css3实现背景颜色线性渐变
2013-03-26 17:14 2454css3实现背景颜色线性渐变 发表于 2011/12/1 ...
相关推荐
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
主要介绍了JQuery显示隐藏DIV的方法及代码实例,本文讲解了载入时隐藏、动态隐藏和显示两部分内容,需要的朋友可以参考下
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
jquery点击显示 隐藏事件 button div
主要介绍了JQuery显示、隐藏div的几种方法简明总结,本文总结了控制style、控制CSS、JQuery自带方法等几种显示、隐藏div的方法,需要的朋友可以参考下
本篇文章是对jquery中的div显示和隐藏特效demo进行了详细的分析介绍,需要的朋友可以参考下
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
jquery显示和隐藏div特效的实例代码,需要的朋友可以参考一下
利用jquery框架实现层的显示与隐藏特效的一个简单的例子
$("#id")返回的是JQuery 它是个集合肯定没有display属性 $(“#firstStep”).hide(500);而且可以设置时间;(“#firstStep”).hide(500);而且可以设置时间; $(“.class”).css(‘display’,’block’); $(“#id”)....
在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍。 show()方法 显示出隐藏的 <p> 元素。 代码如下: $(“.btn2”...
主要介绍了JQuery DIV 动态隐藏和显示的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
一个漂亮的基于jQuery实现的点击后显示-隐藏无刷新登录框程序例子。
jquery和js分别可以实现对div的隐藏和显示,方法也不一样,jquery的show、show;js的hidden、visible
// 绑定高度并获得当前隐藏keys(获得当前事件的下一个元素) /** * 显示状态和模块 */ /** * 隐藏状态和模块 */ /** * 动态创建层并添加显示内容 改分页 */ /** * DWR 提交 */ /** * 分页函数 ...