jQuery控件元素的显示、隐藏、切换和幻灯片的摘要

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()。
将选定元素从给定的透明度中淡出
$(选择器)。
为选定的元素执行自定义动画

tag:元素控件显示幻灯片摘要

相关内容