jq---css的设置属性和获取属性操作

<div>
    <ul>
        <li>第一个li</li>
        <li>第二个li</li>
        <li>第三个li</li>
        <li>第四个li</li>
    </ul>
</div>
<script src="../jquery/jquery-1.11.3.js"></script>
<script>
    $(function () {
        //css(name,value)
        //修改单个样式
        //name：样式名 value：样式值
        /*
        $("li")
            .css("fontSize", "30px")
            .css("color", "red")
            .css("backgroundColor", "pink");

         */

        //css({})
        //修改多个样式
        /*
        $("li").css({
           fontSize: "20px",
           color: "green",
           border: "1px solid red"
        });

         */

        //获取样式
        //css(name)---->name想要获取的样式
        $("li:eq(0)").css("fontSize","15px");
        $("li:eq(1)").css("fontSize","20px");
        $("li:eq(2)").css("fontSize","30px");
        $("li:eq(3)").css("fontSize","40px");

        //隐式迭代
        //设置操作时：会给jq内部的所有对象都设置相同的值
        //获取操作时：只会返回第一个元素对应的值
        console.log($("li").css("fontSize"));//15px


    });
</script>

设置操作时：会给jq内部的所有对象都设置相同的值
获取操作时：只会返回第一个元素对应的值