jQuery css() 方法

定义和用法

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

语法

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

css("propertyname");

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

css("propertyname","value");

如需设置多个 CSS 属性，请使用如下语法：

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

实例

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

<!DOCTYPE html>
   <html lang="en">
   <head>
   <meta charset="UTF-8">
   <title>欢迎来到蝴蝶教程</title>
   //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
   <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
   <script>
      $(document).ready(function () {
        $("button").click(function(){
            $("p").css({
              "background-color": "yellow", 
              "font-size": "200%"
            });
        });
       });
</script>
</head>
<body>
    <p style="background-color:red">这个是一个p段落</p>
    <button>点击把p元素设置多个属性样式</button>
</body>
</html>

尝试一下

定义和用法

语法

实例

相关实例