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

0、style方式添加样式

DOM对象.style.color = 'red'

DOM对象.style.display = 'block/none'			//让元素显示/隐藏

1、js动态添加样式

1、添加样式:DOM对象.className = '类名 类名' //给class属性添加类;若添加多个类名,空格隔开

2、删除样式:DOM对象.className = ''	//清空class属性里面的类

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('类名')
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页