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>

posted @ 2018-12-12 10:14 风拂晚柳阅读(180) 评论(0) 收藏举报

刷新页面返回顶部