1.jq有哪些遍历的方法?
答:
方法一:使用jq对象调用each;
格式:jquery对象.each(function(index,element){});
index:表示索引;
element:索引对应的数据,是js对象;
方法二:全局each;
格式:$.each(object,[callback]);
object:传递想要遍历的jq对象或js数组都可以;
callback:回调函数
等同于jQuery.each(object, [callback]);
方法三:for..of;
格式:for(变量名 of jq对象);
变量名等同于每个遍历出来的jq对象;
是jquery 3.0 版本之后提供的方式;
3.jq有哪些绑定事件的方法?
答:
方法一:标准方式:
格式:jq对象.事件方法(回调函数);
可用链式编程绑定多个;
方法二:on事件绑定/off解除绑定
on事件绑定:jq对象.on("事件名称",回调函数)
同时绑定多个事件,用空格分开;
off解除绑定:jq对象.off("事件名称")
不写事件名称,则默认解除所有事件绑定;
方法三:事件切换
格式:jq对象.toggle(fn1,fn2...)
每点击一次,就切换一次执行方法;
切换方式:按定义的回调函数,依次顺序循环执行;
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答:
定义一个一维数组,用来存放图片的路径;
给开始按钮绑定事件:
定义一个循环定时器,让其每过一段时间,就执行一次,完成自动切换的效果;
每次循环先在0-6中随机一个数,然后对照数组,找出响应的图片路径,让其显示在小相框中,完成图片切换功能;
给结束按钮绑定事件:
先停止循环定时器,停止小相框里图片的切换;
然后将此时小相框图片展示在大相框上(根据此时随机出来的数,去对照数组)完成结果的展示; |