这一段什么意思?

来源: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对于选择器上的使用,的确是很方便的哦。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

1

0 学习 · 14456 问题

查看课程