黑马程序员技术交流社区

标题: 【厦门JavaEE就业三期-每日总结】JQuery高级 [打印本页]

作者: 厦门校区 时间: 2018-10-9 21:30
标题: 【厦门JavaEE就业三期-每日总结】JQuery高级
1.列举Jquery的遍历方式？
2.请用自己的语言描述抽奖案例

作者: 练志成 时间: 2018-10-9 21:38

1.列举J query的遍历方式？
j q对象.each(function(索引,对象){})
$.each(j q对象,function(索引,对象){)
2.请用自己的语言描述抽奖案例
画风奇特,,

作者: ZNBran 时间: 2018-10-9 21:44

1.列举Jquery的遍历方式？
jquery对象.each(function(index,element){});$.each(object, [callback])
2.请用自己的语言描述抽奖案例
给抽奖箱的开始按钮和结束按钮绑定单击事件，开始按钮单击事件中定义抽奖内容循环计时器，
定义数组存放资源路径，生成随机数作为数组索引。结束按钮单击事件中定义停止计时器，把抽到内容设置结果。
================================================周楠

作者: 罗建辉 时间: 2018-10-9 21:47
1.列举Jquery的遍历方式？
局部遍历：
$("#xx").each(function(index,element){
..........
}):
全局遍历：
$.each(Object,fucntion(index,element){//Object为要遍历的jq对象

.........

});
for....of...:
for(变量 of 容器)；

2.请用自己的语言描述抽奖案例
1.绑定开始与停止的点击事件
2.在开始点击事件中，使用setInterval（）方法，来重复调用自定义的方法。
3.在点击开始前通过设置display属性为true，设置停止按钮不可点击。
点击开始后，设置停止按钮可用，设置开始按钮为不可用
4.在停止按钮事件中，通过prop（）方法设置大相框的src属性，将随机所用传入
5.定义一个方法，定义一个随机索引通过Math.random()的方法来的到随机数，得到小相框的jq对象，调用prop（）方法，修改src属性，将随机索引传入。

作者: Michcale 时间: 2018-10-9 21:50
=================吴齐宾======================
1.列举Jquery的遍历方式？
js的遍历,用for循环.
JQ的遍历.
1.$.each(fn)
2.$.each($(选择器),fn)
3.for 元素对像 of 容器对像(jquery3.0之后的版本)
2.请用自己的语言描述抽奖案例
分为4大块:
1.小窗口
*将图片的地址值放入数组中,并且使用math.random方法获取随机的索引值
*使用jq对像的方法prop将获取的随机索引值对应的图片地址赋予给小窗口的src属性
2.开始点击按钮
*对开始按钮绑定点击事件
*定义循环计时器,将获取随机索引值的方法和计时器绑定
*激活结束按钮.禁止开始按钮
3.结束点击按钮
*清除循环计时器,获取一个确定的图片src值
*将图片的src值传递给大窗口
*激活开始按钮.禁止结束按钮
4.大窗口
将小窗口获得的src值传递给大窗口

作者: 李伟javaee03 时间: 2018-10-9 21:51

1.列举Jquery的遍历方式？
jquery对象.each(function(index,element){});
$.each(jquery对象, function(index,element){})；
for(元素对象 of 容器对象)
2.请用自己的语言描述抽奖案例
定义一个资源数组，设置按钮状态
给开始按钮绑定单击事件，更新按钮状态，定义循环计时器，随机生成数组索引值，将索引值进行赋值达到滚动效果
给结束按钮绑定单击事件，更新按钮状态，清除循环定时器，对大相框进行赋值并隐藏，设置动画显示效果

作者: 赵烈刚 时间: 2018-10-9 21:52
1.列举Jquery的遍历方式？
jq对象.each(callback);
$.each(object,[callback]);
for(元素对象 of 容器对象);
2.请用自己的语言描述抽奖案例
给开始和结束按钮都绑定单击事件,定义定时器和数组(存放图片资源路径),给大小相框设置src属性,生成随机数.

作者: 仰望｀星空 时间: 2018-10-9 21:53
郭林源

1.列举Jquery的遍历方式？--》1：jq对象.each（function（index，element）{}）2：$.each(OBJ,fn) 3:for(元素对象 of 容器对象)

2.请用自己的语言描述抽奖案例--》0、入口函数按钮prop.dispaly 1、开始按钮：循环计时器-随机下标-小图片框的prop.src-按钮prop.dispaly 2、停止按钮：停止计时器-更改大图片框的prop.src-更改大图片框的显示隐藏动画-按钮prop.dispaly

作者: yangshixian 时间: 2018-10-9 21:54

1.列举Jquery的遍历方式？
1、for(初始化值;循环结束条件;步长)
2、jq对象.each(callback)
3、$.each(object, [callback])
4、for(元素对象 of 容器对象)

2.请用自己的语言描述抽奖案例
设置停止键不可用
绑定开始键点击事件，点击时开始键不可用，停止键可用，设置循环定时并返回定时器本身，每20毫秒执行参数中的方法一次：生成0-6的随机数，拼接src字符串路径，赋值给img1的src属性。
绑定停止键点击事件，点击时开始键可用，停止键不可用，清除定时器，并获取此时img1的src，赋值给img2的src属性

杨式贤

作者: 林靖 时间: 2018-10-9 21:55
1.列举Jquery的遍历方式？jquery对象.each(function(index,element){});
$.each(jquery对象, function(){})
for(元素对象 of 容器对象) 3.0 版本之后提供的方式

2.请用自己的语言描述抽奖案例

给两个按钮分别绑定上单击事件，开始按钮中自定义一个函数进行无限循环将小相框中的元素一直替换，结束按钮定义一个函数清除循环，将当前小相框中的元素展示在大相框中

作者: 郑颖锋 时间: 2018-10-9 21:55
1.列举Jquery的遍历方式？
分为三种：

1.js的普通遍历方式：for(初始化值;循环结束条件;步长)

2.jq的遍历方式：

*jq对象.each(callback)

*$.each(object,[callback])

3.for…of方式 jQuery3.0以后出现的新的遍历方式。

2.请用自己的语言描述抽奖案例
抽奖案例实现步骤：
0.文件加载完成时禁用结束按钮

1.给开始按钮绑定单击事件

1.0 禁用开始按钮，启用结束按钮

1.1定义循环定时器

         1.2 切换小相框的src属性
                  *定义数组，存放图片资源路径
                  *生成随机数，数组索引

2.结束按钮绑定单击事件

1.0 禁用结束按钮，启用开始按钮

2.1 结束定时器
2.2给大相框设置src属性

作者: 小鱼七 时间: 2018-10-9 21:56

1.列举Jquery的遍历方式？
jq对象.each(callback)
$.each(object, [callback])
for(元素对象 of 容器对象)
2.请用自己的语言描述抽奖案例

作者: 刘建宝 时间: 2018-10-9 21:56
1.列举Jquery的遍历方式？
1. jquery对象.each(function(index,element){});

2. $.each(object, [callback])
3. for..of

2.请用自己的语言描述抽奖案例
首先，建立存放图片的数组，方便抽奖时，根据索引的随机抽选来抓取停止时的图片；
对开始按钮和停止按钮进行绑定click点击事件；
开始事件中，使用setInterval循环计时器，根据随机获得的索引值获得相对的数组图片并赋值给小相框，
设置开始按钮禁用状态，结束按钮为可点击状态， prop ("disabled") 为true 和 false ；
结束事件中，先停止循环计时器，并获取停止时的数组图片并赋值给大相框；为使图片出现在大相框体验舒适；
可以使用show方法设置其显示的方式；设置开始按钮可点击状态，结束按钮为禁用状态，prop ("disabled") 为true 和 false ；

作者: 陈锦祥 时间: 2018-10-9 21:57
1.列举Jquery的遍历方式？
1. jQuery对象.each(function(index,element){.....})
2.  $.each(jQuery对象，function（index，element）{......})

3.  for(变量 of 容器){.......}

2.请用自己的语言描述抽奖案例
  1.准备图片路径的字符串数组，
  2,为开始按钮跟结束按钮绑定单击事件
  3.开始按钮设置计时器  随机生成图片数组索引把索引所对应的图片路径字符串 prop赋值给小相框的src 属性
  4.结束按钮  清除计时器最后获取的索引值所对应的图片路径赋值给大相框
  5.注意  由于作用域的问题  计时器跟索引要提升作用域
  6.设置按钮状态刚开始禁用停止按钮开始抽奖后接着禁用开始按钮开启停止按钮以及最后抽奖后需要回归最初的状态
  7. 设置大相框图片的进场动画

作者: 赖良峰 时间: 2018-10-9 21:58

1.列举Jquery的遍历方式？
  1 原生js方法  用for循环
  2 jq对象
   2.1  jq对象.each(function(index,element){})
   2.2  each(jq对象,function(){})
   2.3  for .. of

2.请用自己的语言描述抽奖案例
  首先你要有个容器装图片  var pic = [] ;
  然后你要有两个按钮  开始停止
   开始按钮,点击 ---- 绑定单击事件 $("#id").click(function(){
      1.加载图片到小相框中
要有一个方法,可以循环执行图片显示的函数
         1.1图片要随机的,这个时候你需要一个随机数生成器var index =Math.floor(Math.random()*7)
         1.2 加载图片 $("#小相框id").prop("src",pic[index])
})
   停止按钮  点击  ----绑定单击事件    $("#id").click(function(){
         先停止那个循环执行函数的方法
1.1 把小相框中的图片加载到大相框中


})

作者: 郭生发 时间: 2018-10-9 21:59
1.列举Jquery的遍历方式？
普通的for循环
J

query对象.each(回滚函数)

$.each(

query对象,回滚函数

)
3.0版本后，for(元素对象 of 容器对象）{}
2.请用自己的语言描述抽奖案例
将每张图片的路径添加到一个数组中，给开始按钮绑定单击事件，开启循环随机生成一个该数组的索引值，并将该索引的数组元素作为src属性添加到小显示框中。
给结束按钮添加单击事件，结束循环，将索引索引的数组元素作为src属性添加到大显示框中。

作者: zouyitao 时间: 2018-10-9 21:59
邹毅涛
1.列举Jquery的遍历方式？
jQuery遍历方式：
1.对象.each
2.$.each
3.在jQuery3.0中
for……of
2.请用自己的语言描述抽奖案例
抽奖案例描述
对开始和停止两个按钮进行单击事件绑定，在开始按钮中添加计时器并获取计时器对象，并设置分好的图片个数进行随机数获取实现图片随机播放。在停止按钮中根据获取的计时器对象清除计时器，并且在大的img中播放已知随机数的图片。在进行进一步的优化，添加动画及两个按钮的互斥操作，通过disabled属性解决。

作者: 冰是睡着的水 时间: 2018-10-9 21:59
1.列举Jquery的遍历方式？
答：Jquery的遍历方式有三种。
第一种，jq对象.each（回调函数），具体语法如下
jquery对象.each(function(index,element){});
* index:就是元素在集合中的索引
* element：就是集合中的每一个元素对象
（注意：element是js对象，若要用jq方法，则需转换）
第二种， $.each(object, [callback])
第三种，for..of: jquery 3.0 版本之后提供的方式
语法为，for(元素对象 of 容器对象)

2.请用自己的语言描述抽奖案例
答：把涉及到的图片放在同一个数组里面，写启动的单机事件，图片的选取是利用随机数
得到一个值，把该值作为索引值，然后得到数组里面对应的一个值，最后取得该图片，通过
设置间隔时间循环图片。然后设置停止按钮，绑定单机事件，利用与开始同一的索引值，然后
取得同一图片，然后展示出来，最后对代码做微调。

（黄嘉欣）

作者: 林胜强 时间: 2018-10-9 21:59
1.列举Jquery的遍历方式？
1.js的普通遍历方式：for(初始化值;循环结束条件;步长)

2.jq的遍历方式：

*jq对象.each(callback)

*$.each(object,[callback])

3.for…of方式 jQuery3.0以后出现的新的遍历方式
2.请用自己的语言描述抽奖案例
先将所有图片加入集合中，设置禁用结束按钮给开始按钮添加点击事件：开始禁用结束开启  1.1定义循环定时器

         1.2 切换小相框的src属性
                  *定义数组，存放图片资源路径
                  *生成随机数，数组索引
2.结束按钮绑定单击事件

   1.0 禁用结束按钮，启用开始按钮

         2.1 结束定时器
         2.2给大相框设置src属性

作者: MJ11 时间: 2018-10-9 21:59

1.列举Jquery的遍历方式？4
      1. jq对象.each(callback)
      2. $.each(object, [callback])
      3. for..of: jquery 3.0 版本之后提供的方式
      for(元素对象 of 容器对象)
2.请用自己的语言描述抽奖案例
      首先需要定义一个数组来保存图片元素，然后需要给开始按钮绑定单击事件，在定义的事件内定义循环计时器，
         在循环计时器内生成随机数，将生成的随机数组索引赋值给小相框保存。
田浪

作者: 吴鑫佳 时间: 2018-10-9 22:00
1.列举Jquery的遍历方式？
1.jq对象.each（function（index，element）{}）
2.$.each(object，function(){})
3.for(元素对象 of 容器对象)高版本才能用
2.请用自己的语言描述抽奖案例
先绑定开始按钮事件，解决图片重复播放问题，用interval()来解决，然后再解决结束按钮时间，解决停止图片重复播放并保存当前图片问题，然后再解决按钮问题，一开始至于开始按钮可用，开始按钮用过之后结束按钮才可用。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2