jquery显示隐藏div

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更多相关文章

你可能感兴趣的:(jquery)