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

在 HTML 中，父元素可以包含多个子元素。有时候我们希望在父元素中应用一个样式，但是只想影响子元素。这时候可以使用 JQuery 来实现。

使用子元素选择器

一种简单的方法是使用子元素选择器。子元素选择器使用 > 符号来选择直接子元素。例如：

.parent > .child {
  /* 这里可以应用任何 CSS 属性 */
  color: red;
}

上面的 CSS 选择器会选择所有具有 child 类的直接子元素，并将它们的文本颜色设置为红色。

使用 JQuery 的子元素选择器

使用 JQuery 的 children 方法可以选择特定元素下的所有子元素。例如：

$('.parent').children('.child').css('color', 'green');

上面的代码会将所有具有 child 类的子元素的文本颜色设置为绿色。

使用 JQuery 的 find 方法

除了使用 children 方法，还可以使用 find 方法来选择特定元素下的所有后代元素。例如：

$('.parent').find('.child').css('font-size', '16px');

上面的代码会将所有具有 child 类的后代元素的字体大小设置为 16 像素。

注意，使用 find 方法会选择特定元素下的所有后代元素，而不仅仅是直接子元素。因此，如果你只想选择直接子元素，应该使用 children 方法。

总结

通过使用 CSS 子元素选择器或 JQuery 的 children 和 find 方法，可以方便地将样式应用于特定元素下的子元素。需要根据具体情况选择使用哪种方法。