jq css操作

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<script src="jquery-1.12.4.js"></script>
<script>
    //修改单个样式
    // $("li").css("backgroundColor","pink")
    //        .css("fontSize","32px")
    //        .css("color","blue");

    //修改多个样式
    // $("li").css({
    //     backgroundColor:"pink",
    //     color:"red",
    //     fontSize:"30px",
    //     border:"1px solid #ccc"
    // });

    //获取样式====》css(name)
    //console.log($("li").css("fontSize"));//16px

    //隐式迭代
    //设置操作的时候，会给jq内部的所有对象设置上相同的值
    //获取的时候，只会返回第一个元素对应的值
    $("li").eq(0).css("fontSize","20px");
    $("li").eq(1).css("fontSize","21px");
    $("li").eq(2).css("fontSize","22px");
    $("li").eq(3).css("fontSize","23px");
    console.log($("li").css("fontSize"));//20px
</script>

转载于:https://www.cnblogs.com/lujieting/p/10099462.html