jQuery使用方法

2020-05-18 08:58:58易采站长站整理

.show() 显示元素
.slideDown() 向下展开
.slideUp() 向上卷起
.slideToggle() 依次展开或卷起某个元素
.toggle() 依次展示或隐藏某个元素

除了.show()和.hide(),所有其他特效的默认执行时间都是400ms(毫秒),但是你可以改变这个设置。


$('h1').fadeIn(300); // 300毫秒内淡入
$('h1').fadeOut('slow'); //缓慢地淡出

在特效结束后,可以指定执行某个函数。

$('p').fadeOut(300, function(){$(this).remove(); });

更复杂的特效,可以用.animate()自定义。


$('div').animate(
{
left : "+=50",//不断右移
opacity : 0.25 //指定透明度
},
300,// 持续时间
function(){ alert('done!'); }//回调函数