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

介绍

本文主要讨论 jQuery 测验中的第一组问题的第三个问题，即 "如何使用 jQuery 改变元素的 CSS 样式？"。

在前端开发中，我们经常需要改变元素的样式以达到更好的用户体验。而 jQuery 是一个小巧而强大的 JavaScript 库，能够方便地操作和改变 HTML 文档中的元素。在 jQuery 中，我们可以使用 .css() 方法来改变元素的 CSS 样式。

使用 .css() 方法

以下是 .css() 方法的语法：

$(selector).css(property,value)

其中，selector 用于指定要操作的元素，property 参数表示要改变的 CSS 属性名，value 参数表示要设置的 CSS 属性值。

例如，我们可以使用以下代码来将 ID 为 "changeable" 的元素的背景色改为红色：

$("#changeable").css("background-color", "red");

我们也可以同时改变多个 CSS 属性，例如下面代码可以将元素的宽度和高度都设置为 200 像素：

$("#changeable").css({
  "width": "200px",
  "height": "200px"
});

总结

使用 jQuery 来改变元素的 CSS 样式非常方便，我们只需要使用 .css() 方法并指定要改变的 CSS 属性名和属性值即可。同时可以一次性改变多个属性，代码更加简洁。