网络技术问题 | jQuery 测验 | 第 3 组 | 问题 7

欢迎参加本次网络技术问题测验，本题为 jQuery 部分，问题 7。

问题描述

请写出一个 jQuery 的选择器，选中 HTML 中所有 class 名称为 "list-item" 的元素，并为它们设置背景色为绿色。

解决方案

使用 jQuery 的 .addClass() 方法为所有 class 名称为 "list-item" 的元素添加一个名为 "green-background" 的类，然后在 CSS 中定义 "green-background" 类的样式，如下所示：

$(".list-item").addClass("green-background");

.green-background {
  background-color: green;
}

这样就可以为所有 class 名称为 "list-item" 的元素设置背景色为绿色了。

总结

本题考察了 jQuery 选择器和添加类的知识，需要熟练掌握 jQuery 的选择器语法和 .addClass() 方法的使用。同时，也需要对 CSS 的基础知识有一定的了解，以便在设置样式时能够正确地书写 CSS 规则。