本帖最后由 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的一些方法属性了),有点类似强制转换,拿到这个定位,或者选择器 我们就可以对其进行操作了
|