船长 发表于 2009-02-11 14:38 | 分类:jQuery | 阅读数:1,168 次
好多朋友经常想 点击一个特定一特性的div 然后显示或者隐藏另外一个与之相对应的div
让我们看看下面的代码
实现点击aaa 显示 bbbb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> New Document </title> <script type="text/javascript" src="http://www.songlecn.com/wp-content/files/jquery-1.2.6.pack.js"></script> <SCRIPT type="text/javascript"> $(document).ready(function(){ $(".aaa").click(function(){ $(this).next().toggle(); }) }); </SCRIPT> </head> <body> 请下载到本地运行,或者刷新本页面再点击看效果! <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> </body> </html>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于