热门关键字:
jquery > jquery教程 > jquery教程 > jQuery---CSS操作

jQuery---CSS操作

333
作者:管理员
发布时间:2020/2/13 19:10:03
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=790

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
复制代码

 





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐