码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-01-05 19:08:04      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:get   索引   class   var   inf   样式   元素   www   javascrip   

使用jQueryjavaScript来动态改变页面中某个或部分元素的样式,为了实现这样的功能,我们往往都是使用jQueryjavaScript来控制HTMLDOM的类名(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")方法是用来给脂定的元素增加或移除类名(如果元素的类名存在就移除,如果不存在就增加),也就是说用来给指定的元素进行样式切换(如果元素存在样式则去掉,如果不存在则加上样式)。

 

此供自己学习,多借鉴前人!

 

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

标签:get   索引   class   var   inf   样式   元素   www   javascrip   

原文地址:https://www.cnblogs.com/potentPrince/p/8206175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!