以下为html内容:
<script language=网页特效 src="此处填写jqery js文件地址"></script>
<script language="javascript">
<!--
$(document).ready(function(){
$(".aaa").click(function(){
$(this).next().toggle();
})});
//-->
</script>
<div class="a1">aaaaa1</div>
<div class="a2">bbbbb1</div>
<div class="a1">aaaaa1</div>
<div class="a2">bbbbb1</div>
显示隐藏层二
jquery如何显示隐藏div下面的span
<div class="div">
<span class="span"></span>
<a href="javascrip:void(0)" class="a">
<img src="pp/pp.jpg" border="0"/>
</a>
</div>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'的显示或者隐藏