jQuery操作元素的class属性

Posted 2020-10-21 Qiao_Zhi

今天在做一个菜单折叠插件的时候需要根据页面的url改变其class属性。jQuery操作元素的属性是非常方便的，在此记录一下:

 

1.给元素添加class属性:

addClass(class)

（1）添加单个class可以直接写class名字，例如:

$("p").addClass("selected");

 

（2）添加多个class多个class中间空格隔开:例如:

$("p").addClass("selected highlight");

 

2.给元素删除class属性:

removeClass([class])

(1)删除单个class字节写上class名字，例如:

$("p").removeClass("selected");

 

(2)删除匹配元素的所有类

$("p").removeClass();

 

3如果存在（不存在）就删除（添加）一个类。

toggleClass(class)

例如:

$("p").toggleClass("selected");