初学jQuery,搜集一个简单的实例:演示如何隐藏部分文本
Code:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
</script>
<style type="text/css">
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>
<body>
<h3>Hello World.</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>I'm a luck boy in the world.<br />
Lily: Load, I love you.<br />
Allison Christopher Huang</p>
</div>
<h3>Hello Heaven</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>I'm a lucky Chinese boy and I love my country very very much.<br />
Load said: Come away, My Love.<br />
and I catch up with him step.</p>
</div>
</body>
</html>
Image Capture:
Initialization:
Hide 1th:
Hide all:
附录: