更改属性：
　　1 核心DOM更改class属性：
　　elem.setAttribute("class",属性值)

　　2 HTML DOM中的class属性和ES中的class属性冲突改为className:
　　elem.className=...;
更改样式：
　　内联: elem.style.css属性名
　　　　强调: 所有css属性都要去横线变驼峰
　　　　background-color -> backgroundColor
　　　　list-style-type -> listStyleType
　　　　问题1: 只能获得/设置内联样式，无法获取最终应用到元素上的完整样式
　　　　解决获取: 计算后的样式：getComputedStyle(elem).css属性名
　　　　问题2: elem.style.css属性名一句话只能设置一个样式
　　　　解决:用前面的更改属性。
　　外部样式表: var sheet=document.styleSheets[i]
　　　　　　　　var rule=sheet.cssRules[i]
　　　　　　　　rule.style.样式属性=值
　　　　　　　　牵一发动全身不建议使用

注意：HTML DOM可访问内存中的property属性

$().css(): 默认设置的是内联样式形如<ele style=”这里面的样式”>
$().attr(): 即可访问HTML标准属性，又可访问自定义扩展属性 ,不能修改三大状态
$().prop(): 添加属性名称该属性就会生效应该使用prop();
是有true,false两个属性使用(也就是涉及三大状态时)prop();
无论attr还是css返回的属性值，都是字符串类型。要计算，必须先转为数字。


以上是在原生js中的方法，在jquery中用自己的方法：

1. 直接修改css属性
　　只修改一个css属性:
　　$(...).css("css属性名",值) => elem.style.css属性=值

　　批量修改多个css属性:
　　$(...).css({
　　　　css属性:值,
　　　　... : ...
　　})
　　强调:  1 .css默认设置的是内联样式
　　　　　2 css属性名强烈建议使用去横线变驼峰
　　　　　3 修改css属性值时, 不用加单位也行
　　问题: 代码量大
2. 通过修改class批量修改一套css属性:
　　$(...).hasClass();
　　$(...).addClass("class1","...",...);
　　$(...).removeClass();
　　$(...).toggleClass();