1.jq有哪些遍历的方法? 1)jq对象.each(callback): Callback是回调函数,可以有参数和返回值。若返回true,则结束本次循环,继续下次循环(相当于continue);返回false,则结束循环 (相当于break)。 2)$.each(object, [callback]) 3)for(元素对象 of 容器对象),是3.0版本之后提供的方式。 3.jq有哪些绑定事件的方法? 1)jquery标准的绑定方式: *jq对象.事件方法(回调函数)。如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。 2)on绑定事件/off解除绑定 *jq对象.on("事件名称",回调函数) *jq对象.off("事件名称")。如果off方法不传递任何参数,则将组件上的所有事件全部解绑 3)事件切换:toggle *jq对象.toggle(fn1,fn2...)。当单击jq对象对应的组件后,会执行fn1.第二次点击会执行fn2..... *注意:1.9版本 .toggle() 方法被删除,jQuery Migrate(迁移)插件可以恢复此功能。需要引入 <scriptsrc="../js/jquery-migrate-1.0.0.js" type="text/javascript"charset="utf-8"></script> 2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述 开始按钮:给开始按钮绑定单击事件。当点击开始按钮,则先调用setInterval()方法,设置循环计时器,每个20毫秒执行一次换图片的方法。在换图片的方法内,首先获取一个随机数作为图片数组(imgs)的索引,之后将小像框的img标签的src属性设置为对应的图片路径。 停止按钮:给停止按钮绑定单击事件。当点击停止按钮时,首先调用clearInterval()方法,停止循环计时器。接着在大相框中切换选中的图片,即将img标签的src属性设置为对应的图片路径。 若有需要,则可以将开始按钮和停止按钮分别在页面加载完成、点击开始按钮、点击停止按钮这三种情况下设置相应的权限。例如页面加载完成时只能点击开始按钮而不能点击停止按钮。 可以在停止按钮的单击事件中,先将图片隐藏(调用hide()),然后调用show()方法以动画的形式出现。 setInterval()方法有返回值,停止计时时将该返回值传入clearInterval()方法即可。不过需要将该返回值的作用域提升,以便在不同的方法内使用。 在开始按钮的单击事件中产生的随机数同样需要提升作用域,以便在停止按钮的单击事件中使用。
|