您的位置：首页 > Web前端 > JQuery

jquery的链式写法

2016-05-27 21:58 501 查看 
<html>
<head>
<title>jquery的链式写法</title>
<script src="jquery-1.8.0.js"></script>
<style type="text/css">
.divFrame{
width:260px;
border:solid 1px #f00;
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>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航