jQuery学习笔记

发表于 2010年06月28日
jQuery
更新于 2010年06月29日 11:22:11 上午

show([arg])//将元素display属性置为除none之外的值，具体记忆功能；
hide([arg])//将元素display属性置为none

以上两个函数均可带参数，一类是关键字参数：slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示，slow -> 600,normal -> 400,fast -> 200

fadeIn([arg])//提升已降低透明度的元素，直到显示；即“淡出”；
fadeOut([arg])//降低元素透明度，直至隐藏，style值为"none"；即 “淡入”

$("p").mouseover(function(){
if($(this).is(":visible")){
$(this).fadeOut(1000,function(){
alert($(this).is(":visible"));//false
alert($(this).css("display"));//none
});
}
});

slideUp()//元素由下到上缩短隐藏
slideDown()//元素由上到下伸展

<script type="text/javascript">
$(function(){
$("h2").toggle(function(){
$(this).next("p").slideUp();
},function(){
$(this).next("p").slideDown();
});
});
</script>
</head>

<body>
<h2>点击出现</h2>
<p style=" height:60px; background:#faa; border:solid 1px#d00;">一段文字</p>

演示地址
PS：原贴出处：http://www.51obj.cn/?p=515