Javascript 如何使用JQuery将css属性应用于子元素

有没有办法选择一个有多个子元素的组件，指向其中一个子元素并应用css属性或某个类

假设我有这个部门：

<div class="parent">
   <div>Child 1</div>
   <div>Child 2</div>
   <div>Child 3</div>
</div>

但我得到了这个错误：

无法读取未定义的属性“children”

我不明白的是，如果我将

$（'.parent'）[0].children[1]

记录到控制台中，我会得到child div，因此，我认为这就是方法，但似乎我错了

---

有办法吗？

您可以使用父级上的

find

方法选择所有子级

div

元素，然后使用

eq

方法按索引选择特定子级

您也可以使用选择器，例如

$（'.parent>div:eq（1）'）

$（'.parent'）.find（'div'）.eq（1）.css（'color'，'red'）

儿童1
儿童2
儿童3

在jQuery对象上使用数组索引时，它返回的是DOM元素，而不是jQuery对象，因此不能对其使用jQuery方法。使用

.eq（）

将其保留为jQuery对象

$（'.parent'）.eq（0）.children（）.eq（1）.css（'display'，'block'）
.parent div{
显示：无；
}

儿童1
儿童2
儿童3
此代码应该有效。



$（.container div”）.css（“背景色”、“红色”）
.container{
背景颜色：蓝色；
身高：100%；
宽度：100%；
}

1.
2.
3.
删除
[0]
=））
$('.parent')[0].children[1].css('display', 'block')