javaScript 操作Css样式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/baijunzhijiang_01/article/details/51335547

1、JAVASCRIPT ADDCLASS

利用document.getElementById(“XX”)找到document对象、然后再通过addClass(“xxx”)修改其class值
document.getElementById(“XX”).addClass(“xxx”);
2、ADDCLASS()

addClass()方法向匹配的元素增加指定的类名(一个或多个)、注意对于元素来说、class属性可以有多个值、该方法不会移除已经存在的值、而是在原有的基础上追加一个或多个class属性

$(“.XX”).addClass(“xxx”);$(“.XX”).removeClass(“xxx”);
$(“.XX”).hasClass(“xxx”);

3、CSS()

读操作：获取匹配元素集合中第一个元素的指定样式值(一个或多个)、读取多个样式值的操作是在jQuery v1.9才加入的
写操作: 为匹配元素集合中的每一个元素设置一个或多个CSS属性的值、传入的参数可以是单个的键值对、也可以是PlainObject指定的多个值
$(“.XX”).css(“color”,”red”);

4、ATTR()

attr()方法设置或返回被选元素的属性值、根据该方法不同的参数、其工作方式也有所差异
$(“.XX”).attr(“class”,”xxx”);