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