jQuery操作元素的class属性

今天在做一个菜单折叠插件的时候需要根据页面的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");

 

posted @ 2018-01-18 21:50  QiaoZhi  阅读(2430)  评论(0编辑  收藏  举报