<jQuery> 八. CSS操作 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>RayLee</li>
    <li>ZeroHour</li>
    <li>AtongKu</li>
</ul>
</body>
<script src="jquery-3.2.1.js"></script>
<script>
    // 修改单个样式
    // $("ul>li")
    //     .css("backgroundColor","pink")
    //     .css("color", "red")
    //     .css("fontSize", "55px");

    // 修改多个样式
    $("ul>li").css({
        backgroundColor:"blue",
        color:"green",
        fontSize:"33px",
        border:"1px solid purple"
    });

    // 获取样式
    console.log($("li").css("backgroundColor"));
    console.log($("li").css("color"));
    console.log($("li").css("fontSize"));
</script>
</html>

 

posted @ 2018-01-11 10:42  云淡风轻我爱编程  阅读(138)  评论(0)    收藏  举报