黑马程序员技术交流社区
标题: 【厦门JavaEE就业5期-每日总结】JQuery高级 [打印本页]
作者: 厦门校区 时间: 2019-2-22 19:42
标题: 【厦门JavaEE就业5期-每日总结】JQuery高级
1.jq有哪些遍历的方法?
3.jq有哪些绑定事件的方法?
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
作者: 骆颖权 时间: 2019-2-22 21:05
本帖最后由 骆颖权 于 2019-2-22 21:18 编辑
1.jq有哪些遍历的方法?
1. jq对象.each(callback)
1. 语法：
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象
* this：集合中的每一个元素对象
2. 回调函数返回值：
* true:如果当前function返回为false，则结束循环(break)。
* false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
2. $.each(object, [callback])
3. for..of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
3.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式
jq对象.事件方法(回调函数)；
注意：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
2. on绑定事件/off解除绑定
jq对象.on("事件名称",回调函数)
jq对象.off("事件名称")
注意： 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3. 事件切换：toggle
jq对象.toggle(fn1,fn2...)
当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
定义一个数组 imgs 存放图片的资源路径，利用随机数产生数组索引（ Math.floor(Math.random() * 7) ）。通过 “disabled”为 false 设置开始按钮的状态为可用。“disabled”为 true 设置结束按钮为不可用。
先给开始按钮绑定单击事件，当点击开始按钮的时候，改变开始按钮状态为不可用，结束按钮为可用。触发循环定时器（setInterval），然后通过数组索引 imgs【index】 切换小相框的src属性。
给结束按钮绑定单击事件，当点击结束按钮的时候，改变开始按钮状态为可用，结束按钮为不可用。停止定时器，通过数组索引 imgs【index】 给大相框设置src属性。
作者: 赵烈刚 时间: 2019-2-22 21:15
1.jq有哪些遍历的方法?
1).jq对象.each(callback)
2).$.each(object,[callback])
3).for ...of
4).for循环
3.jq有哪些绑定事件的方法?
多个事件绑定同一个函数
多个事件绑定不同函数
用on()方法绑定多个选择器
绑定自定义事件
如果需要移除on()所绑定的方法，可以使用off()方法处理。
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
给开始按钮和结束按钮绑定单击事件,定义循环定时器设置20毫秒执行一次,处理按钮是否可以使用的效果(两个按钮同时只能有一个可以点击),调用数学函数中的random函数获取0-6.999随机数,再调用floor函数进行向下取整,设置小相框的src属性。在结束按钮事件中停止定时器,给大相框设置src属性,显示1秒之后。
作者: 陈彬 时间: 2019-2-22 21:17
1.jq有哪些遍历的方法?1.jq对象.each(callback)
2.$.each(object,[callback])
3.for...of:
3.jq有哪些绑定事件的方法?
1.jquery标准的绑定方式
jq对象.事件方法(回调函数)
2.on绑定事件/off解除绑定
jq对象.on("事件名称",回调函数)
jq对象.off("事件名称",回调函数)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
1.先创建一个所有图片地址的集合;
2.为开始按钮添加事件,设置一个循环的定时器,时间设置为20毫秒.然后使用匿名的函数,在匿名函数中,使用随机函数,获取list集合的索引值,然后获取相框的ID,调用prop方法,然后为src属性添加 list集合中通过索引值获取的list元素,.获取循环定时器的返回值.
3.在结束按钮添加事件,获取上一个循环定时器的值,然后调用clearInterval()方法清除定义的循环定时器,并获取到清除定时器时所获取到的索引值,为大相框添加所获取的list所对应的值.并设置为不可见,然后调用jQuery的动画属性,显示图片
作者: 吴洪标 时间: 2019-2-22 21:18
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()方法即可。不过需要将该返回值的作用域提升，以便在不同的方法内使用。
在开始按钮的单击事件中产生的随机数同样需要提升作用域，以便在停止按钮的单击事件中使用。
作者: 洪烁铭 时间: 2019-2-22 21:19
标题: RE: 【厦门JavaEE就业5期-每日总结】JQuery高级
1.jq有哪些遍历的方法?三种：$.each(function(index,element){}); $.each(object,[callback]) ;for ( 元素对象 of 容器对象)
2.jq有哪些绑定事件的方法?
jq对象.on（"事件名称",回调函数）；jq对象.off（"事件名称"） ；jq对象.toggle(fn1,fn2```)
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先以一个入口函数，里面分成两部分。接着把开始按钮绑定事件，在函数中设置一个循环计时器；计时器函数中去获得随机索引值，再调用方法去更换小图片prop（“src”，imgs【index】）；然后写第二部分 把停止按钮绑定事件，在事件函数中关闭循环计时器；计时器函数中去展示大图片。最后完善一下代码，设置两个按钮的状态，起初为开始启用，停止禁用，当开始按钮点击后，状态互换；当停止按钮点击后，状态再次互换。
作者: 李灵杰 时间: 2019-2-22 21:21
1.jq有哪些遍历的方法?
两种:
1. jq对象.each(callback)
2. $.each(object, [callback]) -- 全局函数
3. for..of: jquery 3.0 版本之后提供的方式
3.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式
2. on绑定事件/off解除绑定
3. 事件切换：toggle
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
1 准备一个存储图片资源的数组 imgs
2 分别给两个功能按钮:开始与结束绑定单击事件
3 开始按钮中绑定循环事件 用于循环图片形成抽奖的效果
4 由于抽奖的效果是随机的 在对图片设置资源的修改的时候 数组要使用随机的角标
5 使用 js 自带的 Math 工具 生成随机的角标---index = Math.floor(Math.random() * 7);
6 由于作用域的问题 角标的变量的定义需要在 作用域外 也就是入口函数外
7 用于取消循环定时器的 id 的变量 ,也需要定义在 作用域 外 也就是入口函数外
8 完成功能后对页面的动画进行完善
9 对按钮在抽象过程中状态进行限定
如果未抽奖时 停止按钮不可用
开始抽奖后 开始按钮不可用
$("#startID").prop("disabled", false); //disabled 不可用 ,true:确实不能用
作者: 林文悦 时间: 2019-2-22 21:22
一、jq有哪些遍历的方法?
1.jq对象.each(callback)
1. 语法：
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象
* this：集合中的每一个元素对象
2. 回调函数返回值：
* true:如果当前function返回为false，则结束循环(break)。
* false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
2. $.each(object, [callback])
3. for..of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
三、.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式
* jq对象.事件方法(回调函数)；
* 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
* 表单对象.submit();//让表单提交
2. on绑定事件/off解除绑定
* jq对象.on("事件名称",回调函数)
* jq对象.off("事件名称")
* 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3. 事件切换：toggle
* jq对象.toggle(fn1,fn2...)
* 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....
二、.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述？
首先对开始和停止按钮绑定单击事件。在开始绑定的事件里设置一个循环定时器，然后通过获取随机角标的方法设置小相框的src属性。然后在停止按钮的单击事件里设置停止定制器，然后根据小相框的src给大相框设置src属性。 接着去做下完善，给开始和结束id设置disabled属性，让其为点击开始按钮后开始按钮不可点击，结束按钮可以点击。在点击结束按钮后，结束按钮不可以点击，开始按钮可以点击。，最后要把绑定的startId和index提升他们的作用域，设置成员变量。
作者: 杨馥榕 时间: 2019-2-22 21:24
1.jq有哪些遍历的方法?
答：1. jq对象.each(callback)
2. 回调函数返回值：
3. for..of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
2.jq有哪些绑定事件的方法?
答：1. jquery标准的绑定方式， jq对象.事件方法(回调函数)；
2. on绑定事件/off解除绑定， jq对象.on("事件名称",回调函数)，jq对象.off("事件名称")
3. 事件切换：toggle， jq对象.toggle(fn1,fn2...)
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答： 1. 给开始按钮绑定单击事件， 定义循环定时器，切换小相框的src属性，
2. 给结束按钮绑定单击事件，停止定时，给大相框设置src属性，定义循环定时器 ，生成随机角标，给结束按钮绑定单击事件，给结束按钮绑定单击事件
作者: zhuyiming 时间: 2019-2-22 21:24
1.jq有哪些遍历的方法?
JS遍历, for
JQ遍历 1.JQ对象.each(callback) 2.$.each(object,[callback]) 3.for....of:jquery
3.jq有哪些绑定事件的方法?
jq对象.事件方法(回调函数)
on绑定事件/off解除绑定
jq对象.on("事件名称",回调函数)
jq对象.off("事件名称")
事件切换
jq对象.toggle(fn1,fn1....)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
先将开始和结束的按钮添加单击事件,在定义个循环定时器.让图片每20毫秒换一张.一直循环,
生成随机角标,对应上图片,范围在0-6之间,使用math.floor(math.random()*7);
然后把大框框里的内容改成和小框框的内容一直,给图片添加个动态的动画效果,
最后在点击开始按钮时候,.开始按钮就不能在被点击了.当点击了,停止按钮后,停止按钮就不能在被点击了
作者: 洪烁铭 时间: 2019-2-22 21:33
标题: RE: 【厦门JavaEE就业5期-每日总结】JQuery高级
1.jq有哪些遍历的方法?三种：$.each(function(index,element){}); $.each(object,[callback]) ;for ( 元素对象 of 容器对象)
2.jq有哪些绑定事件的方法?
jq对象.on（"事件名称",回调函数）；jq对象.off（"事件名称"） ；jq对象.toggle(fn1,fn2```)
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先以一个入口函数，里面分成两部分。接着把开始按钮绑定事件，在函数中设置一个循环计时器；计时器函数中去获得随机索引值，再调用方法去更换小图片prop（“src”，imgs【index】）；然后写第二部分 把停止按钮绑定事件，在事件函数中关闭循环计时器；计时器函数中去展示大图片。最后完善一下代码，设置两个按钮的状态，起初为开始启用，停止禁用，当开始按钮点击后，状态互换；当停止按钮点击后，状态再次互换；
作者: 洪烁铭 时间: 2019-2-22 21:34
标题: RE: 【厦门JavaEE就业5期-每日总结】JQuery高级
1.jq有哪些遍历的方法?三种：$.each(function(index,element){}); $.each(object,[callback]) ;for ( 元素对象 of 容器对象)
2.jq有哪些绑定事件的方法?
jq对象.on（"事件名称",回调函数）；jq对象.off（"事件名称"） ；jq对象.toggle(fn1,fn2```)
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先以一个入口函数，里面分成两部分。接着把开始按钮绑定事件，在函数中设置一个循环计时器；计时器函数中去获得随机索引值，再调用方法去更换小图片prop（“src”，imgs【index】）；然后写第二部分 把停止按钮绑定事件，在事件函数中关闭循环计时器；计时器函数中去展示大图片。最后完善一下代码，设置两个按钮的状态，起初为开始启用，停止禁用，当开始按钮点击后，状态互换；当停止按钮点击后，状态再次互换；
作者: 许晓明 时间: 2019-2-22 21:34
1. jq有哪些遍历的方法?、
答：JQuery有4种方法可以遍历：
（1）使用普通的fori方式，在通过获取JQ对象以后，将JQ对象转换为js对象对象然后就可以使用fori进行遍历；
（2）使用each方法，获取jq对象，使用jq对象,each（回调函数），因为each已经内置了遍历对象的能力；
（3）使用each方法，在each中要传入jq对象和回调函数
（4）使用for(of)方法，具体的格式为：for(元素对象 of 容器对象){遍历后的动作}
2. jq有哪些绑定事件的方法?
答：jq中绑定事件的方式一共有3种：
（1）通过jq对象，格式为：jq对象.事件方法（回调函数）
（2）通过on/off方法，格式为：jq对象.on(事件名称，回调函数)，其中事件名称这个位置可以为多个事件名称，中间以空格隔开；
（3）通过事件切换toggle，使用这个方法需要导入jq插件，具体格式为： jq对象.toggle(回调函数1,回调函数2...)
，在（）中可以定义多个回调函数，这里一般使用匿名方式定义函数；
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：抽奖案例中一共分为3个部分，一个为可以不断切换图片的小图框，一个大图框，还有2个按钮用来启动图片切换和图片停止切换；
代码中先从切换开始按钮进行思考，对于所有图片的地址可以封装成一个数组，给开始按钮绑定一个单击事件，因为是一个不断切换的过程，所以需要设置一个定时器，为当点击以后会开始定时不断的调用一个回调函数，这个函数通过math.random方法回去到随机角标，然后获取小图框的jq对象，对内部属性src进行修改等于随机获得数组中索引值的图片地址，这样子就实现了图片的不断切换。
对于大图框就是通过停止按钮，给停止按钮绑定一个单击事件，启动把定时器归零的函数setInterval，同时把小图片的地址赋值给大图框的src中，这样子就实现了大图框出现小图框中的图片，进一步还可以在这个单击事件中设置大图框中图片出现的方式。
其余修饰的地方：对于开始和停止按钮的不可点击状态主要是通过修改按钮的disabled属性，在入口函数的时候就要设置这个属性，还有在两个按钮的单击事件中都要同步的设置，这样子就能实现不可点击状态。
作者: lj478360767 时间: 2019-2-22 21:35
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属性,图片开始切换后开始按钮不可点击,当停下后,结束按钮不可点击;
作者: 续扬 时间: 2019-2-22 21:35
1.jq有哪些遍历的方法?jq对象.each(function(index,element){})
$.each(object,[callback])
for（元素对象 of 容器对象） jq3.0之后的版本
3.jq有哪些绑定事件的方法?
jq对象.事件方法（回调函数）
jq对象.on（“事件名称”，回调函数）
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
设置数组保存图片路径，给开始按钮绑定单击事件，定义循环定时器20毫秒循环一次，用生成的随即角标给小相框和大相框设置属性，给结束的按键绑定单击事件，让两个按钮每次只有一个可以使用
作者: 苏阿合 时间: 2019-2-22 21:46
本帖最后由 苏阿合 于 2019-2-22 21:52 编辑
1.jq有哪些遍历的方法?
有三种：
(1)$("选择器").each(function(index,element){}),回调函数可以省略
(2)$.each($("选择器"), function(index,element){}),回调函数可以省略
(3)for( 元素对象 of $("选择器") ) ，3.0 版本之后提供的方式
上述中：index：代表元素在集合中的索引；element：是集合中的每一个元素对象，如果要转换为jq对象$(element)；在function回调函数中this表示集合中的每一个元素是js的dom对象，需要用$(this)转换为jq对象
注意：
回调函数返回值，true类似于continue，跳过本次循环；false类似于break，结束循环
2.jq有哪些绑定事件的方法?
有三种：
(1)jq对象.事件方法（回调函数）,如果有多个事件可以采用链式jq对象.事件方法（回调函数）.事件方法（回调函数）...
(2)on绑定事件/off解除绑定,jq对象.on("事件名称",回调函数),注意：第一个参数事件名称可以绑定多个事件名称，可同时触发一个回调函数，如果有多个事件jq对象.on("事件名称",回调函数).on("事件名称",回调函数)...
(3)jq对象.toggle(fn1,fn2...),当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2.....注意：切换事件可以循环
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
(1)给开始按钮绑定一个单击事件，一被点击就触发小相框中图片切换
(2)小相框中的图片切换可以使用定时器来实现
(3)定义一个函数，修改小相框中的图片src属性（定义一个数组存放图片路径，用随机随数生成数组的索引值），用定时器进行绑定，进行小相框图片切换
(4)给结束按钮绑定单击事件,清除定时器，让图片切换停止，并给大相框中的图片设置src属性和小相框中的一致
优化：可采用disabled属性值true或false，让按钮切换不能点击，给大相框的显示增加显示效果
作者: 陈基林 时间: 2019-2-22 21:47
1.jq有哪些遍历的方法?1. jq对象.each(callback)
2.$.each(object,(callback))
3.for ...of :jquery3.0版本之后提供的方式,格式为: for(元素对象 of 容器)
2.jq有哪些绑定事件的方法?
1.jq标准的绑定方式: jq对象.事件方法(回调函数);
2.on绑定事件,off解除绑定: jq对象.on("事件名称",回调函数)/jq对象.off("事件名称"),如果off方法中不传递参数代表将组件上的所有事件全部解绑.
3.事件切换:jq对象.toggle(fn1,fn2,.....) 绑定多个事件,每点击一次换一种事件,即切换绑定事件.
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
1.先将所有参与抽奖的元素添加到一个容器中.
2.设定一个循环定时器,在按下开始抽奖按钮后通过改变元素中的属性切换参与抽奖的元素.
3.当按下停止按钮时清除这个循环定时器,并将最后的元素属性赋值给另一个大容器中,来显式中奖的元素.
作者: 陈益源 时间: 2019-2-22 21:53
1.jq有哪些遍历的方法?（1）jq对象.each（function(index,element){}）;index:元素在集合中的索引；element:集合中的每一个元素对象；回调函数的返回值也就是function若是返回false，相当于break结束循环，若是返回true，相当于continue跳过本次循环，继续下一次循环
（2）$.each(object, [callback])
（3）for..of: jquery 3.0 版本之后提供的方式，for(元素对象 of 容器对象)
2.jq有哪些绑定事件的方法?
（1）jquery标准的绑定方式：jq对象.事件名称（回调函数）
（2）on绑定事件/off解除绑定：
jq对象.on（"事件名称",回调函数）
jq对象.off("事件名称")，若off（）中没有传递参数，就是解绑jq对象的所有绑定事件
（3）事件切换：toggle
jq对象.toggle(fn1,fn2...)
3.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
（1）准备一个数组，存储用户图片路径
（2）设置一个入口函数
（3）在入口函数中分别为开始按钮和停止按钮绑定单击事件
（4）在开始按钮中，设置一个循环定时器，参数中设置一个匿名function方法及循环时间，匿名function方法中通过MATH的方法获得数组的随机索引值:index = MATH.floor(MATH.random()*7)
（5）通过id选择器获的小相框jq对象，调用prop，将小相框的图片路径更改为随机生成的索引值对应数组中的的路径
（6）在停止按钮中，使用clearInterval关闭循环定时器，由于作用域问题，需要将循环定时器对象定义在入口函数外，扩大作用范围
（7）通过id选择器获的大相框jq对象，调用prop，将大相框的图片路径更改为与小相框相同的图片地址，由于作用域问题，需要将索引值定义到入口函数外，扩大作用范围
作者: 黄嘉宏 时间: 2019-2-22 21:53
1.jq有哪些遍历的方法?
jq对象.each(callback):jquery对象.each(function(index,element){})
$.each(object,[callback])
for...of...:for(元素对象 of 容器对象)
3.jq有哪些绑定事件的方法?
1.jq对象.事件方法（回调函数）
2.on绑定事件：jq对象.on（“事件名称”，回调函数）
3.事件切换：toggle。jq对象.toggle（fn1，fn2）
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先导入图片数组，绑定开始单击事件，给切换图片添加循环器给定循环时间，让其不断随机循环，让小框中的图片等于随机循环取得的值，给停止按钮绑定单击事件，单击停止时，并停止循环器，让大框获取图片的随机值，让图片展示在大框中。 |
|
作者: 杨鑫棋 时间: 2019-2-22 21:55
1.jq有哪些遍历的方法?
1.jq对象.each(callback)
1.语法：
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象
* this：集合中的每一个元素对象
2. 回调函数返回值：
* true:如果当前function返回为false，则结束循环(break)。
* false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
2. $.each(object, [callback])
3. for..of: jquery 3.0 版本之后提供的方式
for(元素对象 of 容器对象)
3.jq有哪些绑定事件的方法?
1. jquery标准的绑定方式
* jq对象.事件方法(回调函数)；
2. on绑定事件/off解除绑定
* jq对象.on("事件名称",回调函数)
* jq对象.off("事件名称")
3. 事件切换：toggle
* jq对象.toggle(fn1,fn2...)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
为开始和结束按钮绑定单击事件，接着定义循环定时器 并设定循环定时器的执行时间，用Math的方法随机生成角标，然后通过prop方法设置小相框中的src属性，并传递角标，达到随机切换小相框中图片的目的。停止按钮调用方法停止定时器，然后通过同样的方法给大相框中的图片进行切换。
作者: 黄毅 时间: 2019-2-22 21:59
1.jq有哪些遍历的方法?
1)jq对象.each（function（index，element）{。。。}）；
2）$.each（object，function（）{。。。}）；
3）for。。。of
3.jq有哪些绑定事件的方法?
1）jq对象.事件方法（function（）{。。。}）；
2）jq对象.on("事件名称",回调函数)
jq对象.off("事件名称")，如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3）事件切换：jq对象.toggle(fn1,fn2...)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先绑定开始的单击事件，然后定义计时器，生成随机角标，设置相框属性
再绑定结束的单击事件，停止计时器，根据产生的角标设置图片 |
|
作者: 董志超Eric 时间: 2019-2-22 22:01
1.jq有哪些遍历的方法?
答：
1.js的方法 for(初始化值;循环结束条件;步长)
2.jq的方法：
1. jq对象.each(callback)
2. $.each(object, [callback])
3. for..of: jquery 3.0 版本之后提供的方式
3.jq有哪些绑定事件的方法?
答：绑定和解绑on绑定事件/off解除绑定
事件切换：toggle
4.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
答：
开始按钮 绑定单击事件 触发定时器的方法，导致小图片的在随机切换。
停止按钮 绑定单击事件 停止定时器 获取最终的图片的索引值 。
小图片 通过方法进行随机切换索引 更改图片的src属性 切换图片 。切换速度用定时器来控制
大图片 通过停止按钮 获取最终的索引值，并且展示图片。
注意设置：处理按钮是否可以使用的效果。设置按钮的属性“disabled” 在true和false直接切换。
作者: 刘荣城 时间: 2019-2-23 21:21
1.jq有哪些遍历的方法?
jq对象.each(callback)
$.each(object, [callback])
for(元素对象 of 容器对象)
3.jq有哪些绑定事件的方法?
jq对象.事件方法(回调函数)；
jq对象.on("事件名称",回调函数)
jq对象.toggle(fn1,fn2...)
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
先定义 开始定时器的id 和 时间角标 两个变量在$(function ()之外，用来传递参数。
定义循环器每每100毫秒执行一次执行一次
在$(function ()内先处理两个按钮，
给开始的按钮绑定添加单击事件，开始按钮被点击，就取消暂停按钮的聚焦。
生成随机角标，0到6;
设置抽奖框的属性，
给结束按钮绑定单击事件
停止定时器
把定时的数据给大相框设置属性
作者: Chidori 时间: 2019-2-23 21:26
1.jq有哪些遍历的方法?
有三种遍历方法
第一种
jquery对象.each(function(index,element){});
第二种
$.each(jq对象，function（）{})
第三组
for（元素对象 of 容器对象 ）
3.jq有哪些绑定事件的方法?
可以直接绑定事件，也可以通过jq对象.on()来绑定
2.完成抽奖案例,将抽奖案例的代码整理成自己的话术表述
首先建立一个数组，用来存放图片，给开始抽奖按钮添加一个单击事件，通过MATH工具类获取0-6之间的随机数，调用setinterval（）方法，并设置回调函数，获取小相框的jq对象，并给小相框添加src属性，src属性传递，属性值传递有索引的数组（索引为随机数）。再给停止按钮绑定单击事件，调用clearinterval（）方法，停止循环定时器，获取大相框的jq对象，设置src属性值，属性值传递有索引的数组（索引为随机数） |
|
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |