jQuery学习笔记 .addClass()/.removeClass()简单学习

Posted 2020-10-19 potent_prince

使用jQuery或javaScript来动态改变页面中某个或部分元素的样式，为了实现这样的功能，我们往往都是使用jQuery或javaScript来控制HTML中DOM的类名（class）从而实现增加或删除某一样式

在jQuery中提供了三种方法来实现这样的效果：.addClass()方法，.removeClass()方法

.addClass()方法

 

主要用于在jQuery中来添加一个或多个类名来渲染页面

添加多个类名时，他们之间需要用空格隔开

我们还可以使用函数的方法来给指定的元素添加类名：

$("selector").addClass(function(index,class){});

这种方法城要注意一点，此函数必须返回一个或多个空格分隔的class名。接受两个参数，index参数为对象在这个集合中的索引值，class参数为这个对象原先的class属性值

.removeClass()方法

主要用于在jQuery中来移除一个或多个类名

toggleClass——添加或者移除className

前面的addClass()和removeClass()分别只能添加和者移除className，但是这个toggleClass()方法却不同，如果元素有这个类名，它将补移除；反之，如果元素没有这个类名，那么将加上这个类名

 

• .addClass("className")方法是用来给指定元素增加类名，也就是说给指定的元素追加样式；
• .removeClass("className")方法是用来给指定的元素移除类名，也就是说给指定元素移除样式；
• .toggleClass("className")方法是用来给脂定的元素增加或移除类名（如果元素的类名存在就移除，如果不存在就增加），也就是说用来给指定的元素进行样式切换（如果元素存在样式则去掉，如果不存在则加上样式）。

 

此供自己学习，多借鉴前人！