jQuery 简单实例：演示如何隐藏部分文本

来源：互联网发布：质量控制软件编辑：程序博客网时间：2024/04/28 16:50

初学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:

附录：