使用.css()方法在jQuery中修改元素的样式属性值

jQuery中使用.css()方法修改元素样式

jQuery 是一个快速、简洁的 JavaScript 库，它提供了一系列方便的 API，用于操作 HTML 元素，其中就包括.css()方法。.css()方法可以用来修改 HTML 元素的样式属性。

使用.css()方法修改元素样式，有三种方式：

• 第一种方式是指定一个样式属性和值，例如：

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

  这行代码将会将元素id为myDiv的背景设置为红色。
• 第二种方式是指定一组样式属性和值，例如：

  $("#myDiv").css({
      "background-color":"red",
      "width":"200px",
      "height":"200px"
  });

  这行代码将会将元素id为myDiv的背景设置为红色，宽度为200px，高度为200px。
• 第三种方式是获取元素的样式属性值，例如：

  var color = $("#myDiv").css("background-color");

  这行代码将会获取元素id为myDiv的背景颜色。

起来，jQuery中使用.css()方法可以方便的修改元素的样式属性值，它可以指定一个或多个样式属性和值，也可以获取元素的样式属性值。