本节通过一个实例讲述了如何使用hide()函数,简单的理解就是把指定的标签隐藏起来,不过这个和直接设定样式的 style="display:none"不一样的是:这个hide()方法带有缓慢消失的效果,不会显得那么突兀。
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<script type="text/javascript" src="http://www.sharejs.com/software/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
$(this).hide("slow");
return false;
});
});
</script>
在网页<body>区添加以下代码
<a href="http://www.sharejs.com">
点此超链接,超链接就会慢慢的消失。
加上“return false"表示保留默认行为,因此页面不会跳转。
</a>
<hr/>
<a href="http://www.sharejs.com">sharejs.com提醒您这是一个普通文本内容,单击一样会消失在这个奇妙世界,哈哈 .---单击我</a>
程序通过ready定义了 “a”标签的click事件,当点击的时候,链接就会消失,这个可是会影响全部"a"标签的,实际应用中要做相应修改




