当前位置 : 主页 > 网页制作 > JQuery >

类名操作的方法

来源:互联网 收集:自由互联 发布时间:2021-06-15
1.原生js操作类名 dom.className="aa bb cc" script document.getElementById( ‘ test ‘ ).className = ‘aa bb cc ‘ / script 2.jQuery操作类名 i.添加类: $.addClass("a"); $("div").addClass(“a”); ii.移除类:$.removeClass("b

1.原生js操作类名

dom.className="aa bb cc"

<script>
document.getElementById(test).className=‘aa bb cc
</script>

 

2.jQuery操作类名

i.添加类: $.addClass("a");

$("div").addClass(“a”);

ii.移除类:$.removeClass("b");

$("div").removeClass(“b”);

iii.判断类:$.hasClass("c");

$("div").hasClass(“c”);

iv.切换类:$.toggleClass("d")

$("div").toggleClass(“d”);

 

 3.html5操作类名

i.添加类:dom.classList.add("aaa")

ii.移除类:dom.classList.remove("bbb")

iii.判断类:dom.classList.contains("ccc")

iv.切换类:dom.classList.toggle("ddd")

网友评论