<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>1-2jQuery的代码风格</title>
<!--jQuery的代码风格
1."$"美元符号的使用
2.事件操作链接式书写(如下)
-->
<script language="javaScript" type="text/javascript" src="JavaScript/jquery-1.9.1.min.js"></script>
<style type="text/css">
.dicFrame{width:260px;border:solid1px #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">
<divclass="divTitle">主题</div>
<div class="divContent">
<a href="#">链接1</a><br/>
<a href="#">链接2</a><br/>
<a href="#">链接3</a><br/>
</div>
</div>
</body>
</html>