Jqurey学习(3)parents的学习

最新推荐文章于 2024-10-07 09:24:46 发布

weixin_30268071

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量72

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fanxiaojun/archive/2012/09/05/2672607.html

版权

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".d").hide("slow");
});
});
</script>
<style type="text/css"> 
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
div.d{
background-color:#ffffff;
padding:7px;
border:solid 1px #c3c3c3;
}

</style>
</head>
 
<body>

<h3>Island Trading</h3>
<div class="d">
<p>My Test<br /> 
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Helen Bennett<br /> 
Garden House Crowther Way<br />
London</p>
</div>
</div>


</body>
</html>