分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调

时间:2021-02-20 18:00:20

导读:分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调约有1222个文字,预计阅读时间1分钟以上。内容由生活百科整理编辑,关键词是jq判断是否隐藏,分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调;主要讲解的内容是查看返回的JSON数据正式在Html页面上显示数据之前,我们先测试一下这个GET请求是否成功了,是否能从服务器上拿取数据...的相关信息,具体详情请阅读下文。

今天和大家分享jQuery的知识:jQuery的效果,jQuery效果包含有,jQuery显示与隐藏、淡入淡出、滑动、回调。下面来一一介绍。

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调

jQuery显示与隐藏

1)、通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。

语法:

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

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

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

示例代码如下:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调使用 hide() 和 show() 方法来隐藏和显

2)、通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素。示例代码如下:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调toggle() 方法来切换 hide() 和 show()

jQuery淡入淡出

通过 jQuery,您可以实现元素的淡入淡出效果。

1)、jQuery fadeIn() 用于淡入已隐藏的元素。

语法:$(selector).fadeIn(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。.

可选的 callback 参数是 fading 完成后所执行的函数名称。

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调

2)、jQuery fadeOut() 方法用于淡出可见元素。

语法:$(selector).fadeOut(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。示例代码如下:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调 fadeIn()与fadeOut() 方法

3)、jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

语法:$(selector).fadeToggle(speed,callback);

speed(可选的 ) 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

callback 参数是可选的 , fading 完成后所执行的函数名称。

下面的例子演示了带有一个参数毫秒的 fadeToggle() 方法:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调 fadeToggle()的用法

4)、jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

语法:$(selector).fadeTo(speed,opacity,callback);

必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。

可选的 callback 参数是该函数完成后所执行的函数名称。

下面的例子演示了带有不同参数的 fadeTo() 方法:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调jQuery fadeTo() 方法

Query滑动

jQuery 滑动方法可使元素上下滑动。

通过 jQuery,您可以在元素上创建滑动效果。

1)、jQuery slideDown() 方法用于向下滑动元素。

语法:$(selector).slideDown(speed,callback);

speed 参数可选的,规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

示例代码说明如下:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调jQuery slideDown() 方法

2)、jQuery slideUp() 方法用于向上滑动元素。

语法:$(selector).slideUp(speed,callback);

参数speed可选的 ,规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

callback 参数是可选的,滑动完成后所执行的函数名称。

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调jQuery slideUp() 方法

3)、jQuery slideToggle() 方法

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

如果元素向下滑动,则 slideToggle() 可向上滑动它们。

如果元素向上滑动,则 slideToggle() 可向下滑动它们。

语法:$(selector).slideToggle(speed,callback);

speed 参数可选的,它规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

参数callback 是可选的,滑动完成后所执行的函数名称。

代码示例如下:

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调jQuery slideToggle() 方法

Query回调

回调函数在当前动画 全部完成之后执行。

许多 jQuery 函数涉及动画。这些函数也许会将 speedduration 作为可选参数。

例子:$("p").hide(1000)

speedduration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。

以下实例在隐藏效果完全实现后回调函数

jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调回调函数
jq判断是否隐藏 分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调

以上就是分享的jQuery显示与隐藏、淡入淡出、滑动、回调的jQuery知识,当然由于水平有限,本文中有理解不到或者理解错误之处在所难免,敬请读者批评指正,或者在下方留言评论,有则改之无则加勉。

以上就是由生活百科jq判断是否隐藏整理的“分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调”的相关信息了。除特别注明外,本站所有内容均为生活百科整理排版。更多精彩内容可持续关注生活百科频道!转载请注明出处:分享jQuery知识之jQuery效果隐藏与显示、淡入淡出、滑动、回调:http://www.zenmele.net/article/31495.html

   

相关文章

热门文章

好啊来啊 好运来临 好啊好啊 旱地忽律 哈弗H9 富时罗素 弗吉尼亚 福田奥铃 佛罗里达 凤凰资讯 凤凰直播 凤凰新闻 凤凰卫视 风云岁月 俄勒冈州 俄亥俄州

所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。举报邮箱:81156344@qq.com

Copyright © 2019-2030 生活百科网 版权所有

最新更新| 网站地图