jQuery---CSS操作

CSS操作

修改单个样式

      // css(name, value)
      // 修改单个样式
      // name:样式名 value:样式值

      $("li")
        .css("backgroundColor", "pink")
        .css("color", "red")
        .css("fontSize", "32px");

 

修改多个样式，传一个对象作为参数

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

 

获取样式

      //获取样式
      //css(name)
      //name:想要获取的样式
      $("li").css("backgroundColor", "20px");

 

获取样式，获取时候只返回第一个元素对应的值

      //获取样式
      //css(name)
      //name:想要获取的样式
      $("li").eq(0).css("fontSize", "20px");
      $("li").eq(1).css("fontSize", "21px");
      $("li").eq(2).css("fontSize", "22px");
      $("li").eq(3).css("fontSize", "23px");


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