jQuery基础教程04:hide()函数的用法

2009-08-11 19:58:32 | 【

本节通过一个实例讲述了如何使用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"标签的,实际应用中要做相应修改

下载"jQuery基础教程04:hide()函数的用法"

  • 本地下载
  • 本地下载2

相关资源