jQuery控件元素的显示、隐藏、切换和幻灯片的摘要
通过隐藏()和显示()的两个函数,jQuery支持HTML元素的隐藏和显示:
例子
复制代码代码如下所示:
$(#隐藏),Click(function(){)
$(p)。隐藏();
});
$(#秀),Click(function(){)
$(p);
});
隐藏()和显示()都可以设置两个可选参数:速度和回调。
Grammar:
复制代码代码如下所示:
$(选择器)隐藏(速度,回调)
$(选择器)。显示(速度,回调)
速度参数指定显示或隐藏的速度。可以设置这些值:慢
回调参数是在隐藏或显示函数完成后执行的函数名。
例子
复制代码代码如下所示:
$(按钮)。Click(函数(){)
$(p)。隐藏(1000);
});
回调参数是函数完成后执行的函数名。
jQuery slideDown滑动功能,slideup,slidetoggle
jQuery具有以下滑动函数:
复制代码代码如下所示:
$(选择器)SlideDown(速度、回调)。
$(选择器)SlideUp(速度、回调)。
$(选择器)SlideToggle(速度、回调)。
速度参数可以设置这些值:慢
回调参数是函数完成后执行的函数名。
SlideDown()的例子
复制代码代码如下所示:
Click(函数(){)
$(面板)。SlideDown();
});
jQuery褪色功能渐显(),(),()褪变成了淡出
jQuery具有以下淡入淡出功能:
复制代码代码如下所示:
$(选择器)FadeIn(速度、回调)。
$(选择器)FadeOut(速度、回调)。
$(选择器)。FadeTo(速度、透明度、回调)
速度参数可以设置这些值:慢
在褪变成了不透明度参数()函数指定的不透明度降低到一个给定的透明度。
回调参数是函数完成后执行的函数名。
jQuery的自定义动画
jQuery函数创建自定义动画的语法:
复制代码代码如下所示:
$(选择器)。动画({ } { }参数,时间,{宽松},{回调})
关键参数是参数。它定义了产生动画的CSS属性,你可以同时设置多个属性:
复制代码代码如下所示:
动画(宽度: 70%)
第二个参数是持续时间,它定义了应用于动画的时间。
例子
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(#开始)。Click(function(){)
$(#箱)。动画({ 300 },高度:慢);
$(#箱)。动画({ 300 },宽度:慢);
$(#箱)。动画({ 100 },高度:慢);
$(#箱)。动画({ 100 },宽度:慢);
});
});
功能
描述
$(选择器)隐藏()。
隐藏选定的元素
$(选择器)。
显示选定的元素
$(选择器)Toggle()
开关(隐藏和显示)选定的元素
$(选择器)SlideDown()。
滑下(显示)选定的元素
$(选择器)SlideUp()。
幻灯片(隐藏)选定的元素
$(选择器)SlideToggle()。
切换所选元素向上和向下滑动。
$(选择器)FadeIn()。
在选定元素中淡入
$(选择器)FadeOut()。
淡出选定元素
$(选择器)FadeTo()。
将选定元素从给定的透明度中淡出
$(选择器)。
为选定的元素执行自定义动画