分享好友 最新动态首页 最新动态分类 切换频道
1.19 JQuery高级
2024-12-26 23:34

1.动画

1.19 JQuery高级

        1.三种显示方式和隐藏元素

                1.默认显示和隐藏方式

                        1.show([speed,[easing],[fn]])

                                1.参数

                                        1.speed:动画的速度。三个预定义的值("slow","normal","fast")或表示动画时长的毫秒数值(如:1000)

                                        2.easing:用来指定切换效果,默认是"swing",可用参数"linear"

                                                swing:动画执行时效果是 先慢,中间快,最后又慢

                                                linear:动画执行的速度是匀速的

                        2.hide([speed,[easing],[fn]])

                        3.toggle([speed],[easing],[fn])

                2.滑动显示和隐藏方式

                        1.slideDown([speed],[easing],[fn])

                        2.slideUp([speed,[easing],[fn]])

                        3.slideToggle([speed],[easing],[fn])

                3.淡入淡出显示和隐藏方式

                        1.fadeIn([speed],[easing],[fn])

                        2.fadeOut([speed],[easing],[fn])

                        3.fadeToggle([speed,[easing],[fn]])

2.遍历

        1.js的遍历

                for(初始化值;循环结束条件;步长)

        2.jq的遍历方式

                1.jq对象.each(callback)

 得到的element是JS对象,使用JQuery方法必须转换

                2.$.each(object, [callback])

                        1中方法只能传递JQuery对象。2中既可以使用JQuery对象也可以使用JS对象

                3.for..of:JQuery3.0 版本之后提供的方式

3.事件绑定

        1.jquery的标准绑定方式

                jq对象.事件方法(回调函数);

                注:如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。

                        表单对象.submit();//让表单提交

        2.on绑定事件/off接触绑定事件

                jq对象.on("事件名称",回调函数)

                jq对象.off("事件名称")

                        如果off方法不传递任何参数,则将组件上的所有事件全部解绑

        3.事件切换

                jq对象.toggle(fn1,fn2...)

                        当单击jq对象对应的组件后,会执行fn1。第二次点击会执行fn2 。

注意:1.9版本  .toggle()方法删除, jQuery Migrate (迁移) 插件可以恢复此功能

5.插件:增强JQuery的功能

        1.实现方式

                1.JQuery.fn.extend(object) = $.fn.extend(object)

                        增强通过Jquery获取的对象的功能        $("#id")

                2.$.extend.(object)

最新文章
比漫熊正版下载最新版
比漫熊正版一款备受漫迷们喜爱的软件,比漫熊正版为读者提供了一个没有广告打扰的舒适漫画阅读环境,让读者能够更好地享受阅读的乐趣;而且漫画作品种类丰富,涵盖了各种题材,每个用户都能够找到自己喜欢的漫画作品,软件内部还按照漫画题
如何协商还款
小编导语在现代社会中,借款已经成为人们生活中不可或缺的一部分。无论是为了购房、购车,还是应对突发的经济困难,贷款都能为我们提供必要的资金支持。当我们面临还款压力时,如何有效地协商还款成为了一个重要的问。本站将从多个角度探讨
“过个屁年!”30岁河南女子冲上热搜:2024,最想哭的一幕来了
2014年春晚的第一个节目是《想你的365天》。演唱者:李玟、、、林志炫。镜头第一个切到的人就是。10年前她还在春晚上献唱,10年后她已在另一个世界了。物是人非。那一年春晚,主持人大家都不陌生:朱军、董卿、张国立、李思思、毕福剑。彼
分享5个自动生成PPT的网站
1、Mindshow 之前公众号里分享过这款做PPT的AI工具,这次再拿出来分享一次。 没别的原因,确实好用。 而且也是目前能够和ChatGPT结合使用最好的PPT工具之一。 直接在ChatGPT生成PPT内容,转成Markdown格式复制进来一键排
华为智慧PC助力年终总结,提升职场效率的最佳选择
随着2024年的结束,职场人士和学生们都在进行着年度总结,回顾过去一年的经验与挑战。在这个过程中,一款真正的智慧PC能够显著提升工作效率,帮助用户更好地完成总结与呈现,而华为的MateBook系列无疑是其中的佼佼者。在快速发展的混合办公
事实还是虚构?揭穿 7 个流行的 SEO 神话
  SEO 充满了建议、最佳实践,是的,甚至是神话!  关于 SEO 的误解经常存在;例如,相信更多的链接会提高排名,或者 SEO 只是一项一劳永逸的任务,可能会产生错误的期望。  在本文中,我们将事实与虚构分开,揭穿七个常见的 SEO 神话
联想亮度快捷键(联想亮度快捷键是哪个)
可以通过以下三种方法调节屏幕亮度:一、 在使用的操作系统中调节亮度的方法(以Win10为例):【方法1】:点击开始菜单栏,然后依次选择 设置——系统——显示选项,右侧可以看到亮度级别,用鼠标左右拖动亮度条,可以调整屏幕的亮度。【方
qq在线文档怎么创建
在现代办公和学习中,文档创建和协作已成为不可或缺的一部分。QQ在线文档作为腾讯推出的一款高效工具,为用户提供了便捷、实时的文档编辑和分享功能。下面,我们将详细介绍如何在QQ中创建在线文档。首先,确保你已经登录QQ账号。在QQ的主界
分享5个电脑神技巧!!
快到年终啦,给大家分享几个电脑操作神技巧,助力大家高效办公,不加班!!Word文档中有大量图片需要调整对齐,可以利用“查找和替换”功能,帮助我们来完成任务。使用快捷键「Ctrl + H」进入查找和替换,在“查找内容”中选择「特殊格式」
相关文章
推荐文章
发表评论
0评