【无标题】

js动态添加样式和jQuery动态添加样式

文章标签： jquery class 类

0、style方式添加样式
DOM对象.style.color = ‘red’

DOM对象.style.display = ‘block/none’ //让元素显示/隐藏
1
2
3
1、js动态添加样式
1、添加样式：DOM对象.className = ‘类名 类名’ //给class属性添加类；若添加多个类名，空格隔开

2、删除样式：DOM对象.className = ‘’ //清空class属性里面的类
1
2
3
2、H5方式添加样式
1、添加类名：DOM.classList.add(‘类名’,‘类名’) //add()方法，传多个参用 , 隔开

2、删除类名：DOM.classList.remove(‘类名’)

3、切换类名：DOM。classList.toggle(‘类名’) //有类名，点击则删除，反之则添加

4、判断是否有类名：DOM.classList.contains(‘类名’) //console输出，true有类名 false没类名

3、jQuery动态添加样式
jQuery动态添加class类

1、添加类名：jQuery对象.addClass(‘类名’)
2、删除类名：jQuery对象.removeClass(‘类名’)
3、切换类名：jQuery对象.toggleClass(‘类名’)
————————————————
版权声明：本文为CSDN博主「风向北吹i」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40576178/article/details/110388700