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