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手册