这一段什么意思?
来源:3-4 行为层
ZZZZZzn
2020-06-03 14:34:33
$('a').mouseover(function(){
$('img')
.eq($(this).index())
.css({'opacity':'1'})
.siblings()
.css({'opacity':'0'});
感觉这比以前直接用js写轮播图的时候简单很多啊
1回答
好帮手慕糖
2020-06-03
同学你好,可以参考如下理解:
1、$('a').mouseover(function(){})是给a元素绑定了鼠标移入事件。里面是事件的内容,在鼠标移入的时候触发。
2、$('img').eq($(this).index())
(1)$(this)是当前触发移入事件的a元素
index()方法返回指定元素相对于其他指定元素的 index 位置。
这里的$(this).index()就是返回当前触发鼠标移入事件的a元素的索引。
(2)eq() 选择器选取带有指定 index 值的元素。就是用来选择第几个img元素。
比如,上面$(this).index()获取的索引是2,这里就是$('img').eq(2),那么就是找索引为2的img元素。
3、找到这个元素之后,使用.css({'opacity':'1'})设置这个元素的透明度。
4、.siblings()是查找当前的这个img的兄弟元素,然后设置css样式。
5、jquery对于选择器上的使用,的确是很方便的哦。
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题