<head> <title>jQuery事件的链式写法</title> <script src="jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> .divFrame{width:260px;border:solid 1px #666;font-size:10pt} .divTitle{background-color:#eee;padding:5px} .divContent{padding:5px;display:none} .divCurrColor{background-color:Red} </style> <script type="text/javascript"> $(function () { $(".divTitle").click(function () { $(this).addClass("divCurrColor").next(".divContent").css("display", "block"); }); }); </script></head><body><div class="divFrame"><div class="divTitle">主题</div><div class="divContent"><a href="#">链接一</a><br/><a href="#">链接二</a><br/><a href="#">链接三</a></div></div></body>
当程序运行时就会出现下面的第一张图片，点击主题就会出现第二张的样式。
转载于:https://www.cnblogs.com/qzc900809/archive/2013/04/16/3025332.html
相关资源：数据结构—成绩单生成器