zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    MySQL权限详解
    MySql 详解
    顶级Python库
    第一次读到就震撼的句子
    Windows快捷键大全
    Pycharm超级好用的快捷键——效率之王
    Django框架
    前端入门和进阶必会
    正则表达式BREs,EREs,PREs的比较
    selenium模块基础用法详解
  • 原文地址:https://www.cnblogs.com/dongshenjun/p/13496634.html
Copyright © 2011-2022 走看看