jQuery样式--css(name|pro|[,val|fn])

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

css(name|pro|[,val|fn])

概述

访问匹配元素的样式属性

参数

name 要访问的属性名称
name 一个或多个CSS属性组成的一个数组
properties 要设置为样式属性的名/值对
name,value 属性名,属性值
name,function(index, value) 1:属性名；2:此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>

        <script type="text/javascript">

            $(function(){

                $("#btn").click(function(){

                    alert($("p:eq(0)").css("color"));

                    $("p:eq(1)").css("color","#FF0000");

                    $("p:eq(2)").css({"color":"#FF0000","font-weight":"bold"});

                    $("p:eq(3)").css("color",function(){

                        return "#0000FF";

                    });

                });

            });

        </script>

    </head>

    <body>

        <div>

            <p style="color:#FF0000">第一个段落。</p>

            <p>第二个段落。</p>

            <p>第三个段落。</p>

            <p>第四个段落。</p>

        </div>

        <button id="btn">点击</button>

    </body>

</html>