本文介绍了一种使用jQuery简化DOM操作的方法：通过点击带有特定类名的元素来切换相邻元素的可见性状态。此技巧适用于需要频繁展开或折叠内容的交互式网页设计。
好多朋友经常想 点击一个特定一特性的div 然后显示或者隐藏另外一个与之相对应的div
让我们看看下面的代码
实现点击aaa 显示 bbbb
代码
<script language=javascript src=">
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$(".aaa").click(function(){
$(this).next().toggle();
})
});
//-->
</SCRIPT>
<div class="aaa">aaaaa1</div>
<div class="bbb">bbbbb1</div>
<div class="aaa">aaaaa2</div>
<div class="bbb">bbbbb2</div>
<div class="aaa">aaaaa3</div>
<div class="bbb">bbbbb3</div>
<div class="aaa">aaaaa4</div>
<div class="bbb">bbbbb4</div>
<div class="aaa">aaaaa5</div>
<div class="bbb">bbbbb5</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$(".aaa").click(function(){
$(this).next().toggle();
})
});
//-->
</SCRIPT>
<div class="aaa">aaaaa1</div>
<div class="bbb">bbbbb1</div>
<div class="aaa">aaaaa2</div>
<div class="bbb">bbbbb2</div>
<div class="aaa">aaaaa3</div>
<div class="bbb">bbbbb3</div>
<div class="aaa">aaaaa4</div>
<div class="bbb">bbbbb4</div>
<div class="aaa">aaaaa5</div>
<div class="bbb">bbbbb5</div>
扫一扫
531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
