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

在使用 jQuery 操作 CSS 样式时，可以通过 .css() 方法来更改元素的样式。如果想仅应用于子元素，则可以使用 .find() 方法来获取子元素，然后再对子元素应用 CSS 样式。

下面是一个例子，假设有以下 HTML 结构：

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

如果想仅将 CSS 样式应用到 .child 类的子元素，可以使用以下 jQuery 代码：

$('.parent').find('.child').css('color', 'red');

其中，find() 方法用于查找 .parent 元素中的所有 .child 子元素，然后 .css() 方法将颜色设置为红色。

如果想同时更改多个 CSS 样式，可以使用对象参数来传递多个属性。例如：

$('.parent').find('.child').css({
  'color': 'red',
  'font-size': '16px',
  'background-color': 'yellow'
});

在此例中，.child 类的所有子元素都将拥有红色文本，16 像素字号和黄色背景色。

需要注意的是，当使用此方法应用 CSS 样式时，样式将直接应用到元素的 style 属性中。如果需要更好的可维护性，请优先使用 CSS 类。

以上便是如何使用 jQuery 将 CSS 属性应用于子元素的介绍。