jQuery如何隐藏部分文本。

最新推荐文章于 2019-08-14 16:07:58 发布

未了之梦

最新推荐文章于 2019-08-14 16:07:58 发布

阅读量529

点赞数

文章标签： jQuery ViewUI

本文链接：https://blog.csdn.net/dengminghua1016/article/details/83917287

版权

<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>Island Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Helen Bennett<br />
Garden House Crowther Way<br />
London</p>
</div>

<h3>Paris Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Marie Bertrand<br />
265, Boulevard Charonne<br />
Paris</p>
</div>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

未了之梦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery如何隐藏部分文本。

$(document).ready(function(){$(".ex .hide").click(function(){$(this).parents(".ex").hide("slow");});}); div.ex{background-color:#e5eecc;padding:7px;border:solid 1px #c3c3...
复制链接

扫一扫