JQuery基础知识(1)
对JQuery学习中遇到的小细节进行了整理和总结
1、JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定。hide(1000)/show(1000);
2、JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度。
JQuery的淡入淡出
1、JQuery fadeIn();此方法可以携带不同的参数以控制淡入效果。
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
2、JQuery fadeOut();携带参数控制淡出效果。
$(selector).fadeOut(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
3、JQuery fadeTpggle();携带参数进行淡入淡出切换。
$(selector).fadeToggle(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
4、JQuery fadeTo()方法允许渐变为给定的不透明度(0-1之间)。
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
可选的 callback 参数是该函数完成后所执行的函数名称。
代码:
jQuery的淡入淡出练习
带不同参数的fadeIn()方法