gpt4 book ai didi

javascript - 使用 .eq(3) 而不是 .next().next().next()

转载 作者:行者123 更新时间:2023-11-28 19:29:35 29 4
gpt4 key购买 nike

好的,任何人都可以告诉我如何使用这一行代码。广泛的解释会很棒 - 为什么这不起作用

我想改变这个

selected= $(this);
selected = selected.next().next().next().next();

至此

var selected = $('div');
selected = $(this);
selected.eq(4).fadeTo(220,1);

但这一个不想工作。例子在这里http://codepen.io/anon/pen/raVyRw//这里我有代码,我使用了 next() 100 次!

最佳答案

我创建了一个具有不透明度的 css 类并使用 mouseentermouseleave事件与 addClassremoveClass最终结果是这样的:

$("div").on("mouseenter mouseleave", function(e) {
//e.type describes the nature of the event.
if (e.type == "mouseenter")
//add class on mouseenter
$(this).addClass('withOpacity');
else
//remove class on mouseleave
$(this).removeClass('withOpacity');
});
div {
background-color: red;
height: 100px;
width: 100px;
display: inline-block;
}
.withOpacity {
opacity: 0.4
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>

使用 hover 得到相同的结果和 toggleClass

$("div").hover(function(e){
$(this).toggleClass('withOpacity');
});
div {
background-color:red;
height:100px;
width:100px;
display: inline-block;
}

.withOpacity {
opacity: 0.4
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
</body>

关于javascript - 使用 .eq(3) 而不是 .next().next().next(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27131733/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com