1.jq有哪些遍历的方法?有三种:
1. jquery对象.each(function(index,element){}); 回调函数的参数不一定设置,回调函数的返回值,如果是false,则结束本次循环,如果为true,则continue;
2. $.each(object, [callback]),这是一个全局的遍历函数;
3. for..of: 这是jquery 3.0 版本之后提供的方式
3.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式 * jq对象.事件方法(回调函数);
2. on绑定事件/off解除绑定 * jq对象.on("事件名称",回调函数) * jq对象.off("事件名称"),如果off方法不传递任何参数,则将组件上的所有事件全部解绑;
3. 事件切换:toggle * jq对象.toggle(fn1,fn2...)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先创建一个字符串数组,存放图片的相对路径;为开始按钮绑定单击事件,当开始按钮被按下时,触发循环定时器,在定时器内部设定内部函数,通过Math方法获取0-6的随机生成数,来当做字符串数组的索引,再根据索引拿出图片的相对路径,获取小相框的jq对象,将src属性改为拿出的图片路径.定时器时间设为100;
再获取结束按钮的对象,绑定单击事件,被按下时,取消定时器,并且将大相框Jq的src属性改为停下时小相框的图片路径;
最后对案列进行优化,改变大相框图片的动画,改为3秒滑出,通过改变开始按钮和停止按钮的disabled属性,图片开始切换后开始按钮不可点击,当停下后,结束按钮不可点击;
|