jQuery的动画、遍历和事件绑定怎么实现
导读:本文共7546.5字符,通常情况下阅读需要25分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 学习内容:一、jQuery高级1、动画:三种方式显示和隐藏元素默认显示和隐藏元素show([speed,[easing],[fn]])hide([speed,[easing],[fn]])toggle([speed,[easing],[fn]])滚动显示和隐藏元素slideDown([speed,[easing],[fn]])slideUp([speed,[ea... ...
目录
(为您整理了一些要点),点击可以直达。默认显示和隐藏元素show([speed,[easing],[fn]])hide([speed,[easing],[fn]])toggle([speed,[easing],[fn]])
滚动显示和隐藏元素slideDown([speed,[easing],[fn]])slideUp([speed,[easing],[fn]])slideToggle([speed,[easing],[fn]])
淡入淡出显示和隐藏元素fadeIn([speed,[easing],[fn]])fadeOut([speed,[easing],[fn]])fadeToggle([speed,[easing],[fn]])
参数speed:速度,三种预定义的值(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值(如:1000)easing:用来指定切换效果,默认是"swing",可用参数"linear"swing:动画执行时效果是“先慢,中间快,又慢”linear:动画执行时的速度是匀速的fn:在动画完成时执行的函数,每个元素执行一次
js遍历方式for(初始化值;循环结束条件;步长)
jq遍历方式jq对象.each(callback)$.each(object,[callback])for…of jQuery3.0之后提供的版本
jQuery标准的绑定方式jq对象.事件方法(回调函数);如果调用事件方法,不传递回调函数,则触发浏览器默认行为表单对象.submit(); // 让表单提交
on绑定事件/off解绑事件jq对象.on(事件,回调函数);jq对象.off(事件); 如果不传递事件名称,则解绑所有的事件
事件切换:togglejq对象.toggle(fn1,fn2…); 多次点击依次执行传递的函数
广告显示和隐藏需求当页面加载完成后,3秒后,自动显示广告广告显示5秒后,自动消失分析使用定时器来完成 setTimeOut()执行一次的定时器jQuery的显示和隐藏的动画效果其实就是控制display属性使用show/hide相关方法完成广告的显示
抽象需求点击开始,小相框快速切换点击停止,小相框停止切换分析给开始按钮绑定单击事件定义循环定时器切换小相框的src属性定义数组,存放图片资源路径生成随机数,数组索引给结束按钮绑定单击事件停止定时器给大相框设置src属性
实现方式$.fn.extend(object);增强通过jQuery获取对象的功能 $("#id")$.extend(object);增强jQuery对象自身的功能 $/jQuery
jQuery的动画、遍历和事件绑定怎么实现的详细内容,希望对您有所帮助,信息来源于网络。