当前位置：移动技术网 > IT编程>开发语言>Jquery > jQuery---CSS操作

jQuery---CSS操作

2020年01月16日 | 移动技术网IT编程 | 我要评论

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