js/jq添加和移除样式的几种写法

作为一个前端菜鸟的我，用久了jq就会忘记js怎样添加和移除样式，用久了js又会忘记jq的写法，有时候甚至混淆了，于是我把它们整理到一起，方便以后记忆，不知道你们是否也有这种遭遇呢？

js:

1）div.classList.add('类名')

div.classList.remove('类名')

2）div.className = "类名" //添加

div.className = "" //移除

3）document.getElementById('goodsDetail').style.display = "none";

document.getElementById('userRating').style.display = "";

特别注意，像第三种添加padding-left、z-index等等样式的写法都是斜杆后面首字母大写，去掉斜杠，例如 document.getElementById('userRating').style.zIndex= 999;

jq:

1）$('div').addClass('xxx');

$('div').removeClass('xxx')

2）$('div').css({'color':'#fff'})

$('div').css({'color':''})

3) $("div").attr("class","active") //设置div的class为active

以上是本人的几点总结，欢迎评论留言哦！