|  | 
 
 发表于 2020-4-24 14:51:30
|
显示全部楼层 
| 本帖最后由 wp231957 于 2020-4-24 15:06 编辑 
 
 复制代码<div class = 'slot inset' id = "slot1">
    
 </div>
 <div class = 'slot inset' id = "slot2">
    
 </div>
 <div class = 'slot inset' id = "slot3">
    
 </div>
这里定义了三个div  class = 'slot inset'   注意,这里有个大坑:
 这三个div 的class 都有两个类name  分别是slot  和 inset  也就是说 这两个类名 都可以访问到这三个DIV
 
 下面我们看这三行代码,也就很简单了
 $($('.slot')[0]).html('<img src = "'+images[slotOne - 1] + '">')
 $($('.slot')[1]).html('<img src = "'+images[slotTwo - 1] + '">')
 $($('.slot')[2]).html('<img src = "'+images[slotThree - 1] + '">')
 后面红色部分,大概不需要讲解,插入图片(插入img标签)
 看前面:$('.slot') 这个表示 (点表示后面跟的是类名,类似的#后面跟的是id) 术语叫jquery选择器   我习惯理解为“标签定位”  这就是定位到了上面的三个div 标签  加[0][1][2] 则表示定位到具体某个div
 前面再套一个$表示这是一个jquery对象(不加$ 则是一个普通对象,就无法识别jquery的一些方法属性了),有点类似强制转换,拿到这个定位,或者选择器  我们就可以对其进行操作了
 
 | 
 |