jQuery操作css样式方法 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.12.4.js"></script>
        <script>
            $(function(){
                
                //1.逐个设置
                $("div").css("width","100px");
                $("div").css("height","100px");
                $("div").css("background","red");
            
                //2.链式设置
                //注意点：链式操作如果大于3步，建议分开
                $("div").css("width","100px").css("height","100px").css("background","blue");
                
                //3.批量设置
                $("div").css({
                    width:"100px",
                    height:"100px",
                    background:"yellow"
                });
                
                //4.获取css样式值
                console.log($("div").css("width"));
            });
        </script>
    </head>
    <body>
        <div></div>
    </body>
</html>

 

posted @ 2018-08-06 09:44  Saber本  阅读(1030)  评论(0)  编辑  收藏  举报