jQuery CSS方法 - 菜鸟教程

jQuery css()方法

css()方法为所选元素设置或返回一个或多个样式属性。

要返回指定CSS属性的值，请使用以下语法：

css("propertyname");

以下示例将返回第一个匹配元素的background-color值：

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
              $("p").css("background-color");
          </script>
      </head>

尝试一下

设置CSS属性

要设置指定的CSS属性，请使用以下语法：

css("propertyname","value");

以下示例将为所有匹配的元素设置背景颜色值：

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
              $("p").css("background-color", "yellow");
          </script>
      </head>

尝试一下

设置多个CSS属性

要设置多个CSS属性，请使用以下语法：

css({"propertyname":"value","propertyname":"value",...});

以下示例将为所有匹配的元素设置背景颜色和字体大小：

   
      <head>
          <script type="text/javascript" src="jquery.js"></script>
          <script type="text/javascript">
              $("p").css({"background-color": "yellow", "font-size": "200%"});
          </script>
      </head>

尝试一下

有关所有jQuery HTML方法的完整概述，请转到我们的jQuery HTML/CSS手册