JQuery（2）

1.JQuery效果

1.1显示，隐藏

$( selector ).hide( speed,callback );

$( selector ).show( speed,callback );

$(selector).toggle(speed,callback);//反转显示和隐藏

1.2淡入淡出

$(selector).fadeIn(speed,callback);

$(selector).fadeOut(speed,callback);

$(selector).fadeToggle(speed,callback);

$(selector).fadeTo(speed,opacity,callback);

1.3滑动

$(selector).slideDown(speed,callback);

$(selector).slideUp(speed,callback);

$(selector).slideToggle(spped,callback);

1.4动画

$( selector ).animate({ params } ,speed,callback );

$( selector ).hide( speed,callback );

$( selector ).show( speed,callback );

jQuery stop() 方法用于停止动画或效果，在它们完成之前。

stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

语法:

$( selector).stop( stopAll,goToEnd);

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此，默认地，stop() 会清除在被选元素上指定的当前动画。

1.5链

$ ( " #p1 " ) . css ( " color " , " red " ) . slideUp ( 2000 ) . slideDown ( 2000 ) ;

$( selector ).hide( speed,callback );

$( selector ).show( speed,callback );