国内外VPS
主机测评与优惠

JQuery动态获取/添加/修改/删除元素的class

JQuery动态获取/添加/修改/删除元素的class名称方法:

HTML示例代码:

  <div id="example" class="one two three">  ......  </div>

1.JQuery获取元素当前的class名称:

  let name=$("#example").attr("class");  console.log(name);//one two three

2.JQuery动态添加class:

  $("#example").addClass("four");  //该元素的class变为class="one two three four"

3.JQuery动态修改class:

  $("#example").attr("class","zero");  //该元素的class变为class="zero"

4.JQuery动态删除class:

  $("#example").removeClass("one");//删除一个样式  $("#example").removeClass("one").removeClass("two");//删除多个样式方法一  $("#example").removeClass("one two");//删除多个样式方法二  $("#example").removeClass();//删除所有样式

5.JQuery判断元素是否包含指定class:

  if($("#example").hasClass("five")){    console.log("true")  }else{    alert("false");  }

6.JQuery设置class随着显示隐藏状态自动切换:

  $("#example").toggleClass("current");

赞(0)
未经允许不得转载:知网部落 » JQuery动态获取/添加/修改/删除元素的class
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

'); })();