Jquery中 .get()方法失败

Question

我正在尝试访问和样式不同的对象内的jQuery对象通过使用.get();我已经成功地简单地访问单个对象，但无法执行操作，如添加css或类到那些单个元素。我还尝试使用[]来访问和风格;但是访问再次成功，而我无法设置所选元素的样式． 为什么会发生这种情况?

我的脚本使用。get()=在

$(()=>{
$('button').click(function(event){
$(".box div").get(1).toggleClass('color');
});
});

.box{
font-size: 0px;
width: min-content;
}
.color{
display: inline-block;
width: 20px;
height: 20px;
background-color: red;
border: 1px solid white;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box">
<div></div>
<div></div>
<div></div>
</div>
<button>click</button>

TypeError: $(…). get(…)。toggleClass不是一个函数

为什么会有这个消息?如何解决这个问题和获取特定的索引元素从jQuery对象?

Answer 1

我希望这对你有帮助。

$(()=>{
$('button').click(function(event){
$(".box div:nth-child(1)").toggleClass('color');
});
});

.box{
font-size: 0px;
width: min-content;
}
.color{
display: inline-block;
width: 20px;
height: 20px;
background-color: red;
border: 1px solid white;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="box">
<div></div>
<div></div>
<div></div>
</div>
<button>click</button>