使用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")方法是用来给脂定的元素增加或移除类名(如果元素的类名存在就移除,如果不存在就增加),也就是说用来给指定的元素进行样式切换(如果元素存在样式则去掉,如果不存在则加上样式)。

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

最新文章

  1. 微信公共号的PHP开发(基础篇)——玩一下
  2. DataTables 自定义
  3. WebStorm 对 Mocha 完美支持。
  4. python 解析 配置文件
  5. java mail 使用 gmail smtp 发送邮件
  6. iOS堆栈-内存-代码在据算机中的运行
  7. jsp中forward和redirect的区别(转)
  8. apache kafka & CDH kafka源码编译
  9. css sprites 图标合并工具网站
  10. [linux]使用curl进行GET、POST和网页调试
  11. IndentityServer4
  12. Vue + webpack 项目实践
  13. Spring boot 连接Redis实现HMSET操作
  14. mac下用命令行解压文件
  15. 【Codeforces 650 D】Zip-line
  16. MVC View小技巧
  17. 实验验证sys和system用户全库导出的区别
  18. Java基础-JAVA中常见的数据结构介绍
  19. linux下编译GD(freetype+libjpeg+libpng+gd-devel)
  20. python练习题:三级菜单

热门文章

  1. CSS注释
  2. JDBC完成的三个基本工作
  3. Oracle 存储过程中的 =>
  4. MyEclipse无法部署项目
  5. Linux显示2015年日历表
  6. python中的迭代器&&生成器&&装饰器
  7. python 实现多层目录文件查找
  8. order调用mdp
  9. 洛谷U19464 山村游历(Wander)(LCT,Splay)
  10. Vue-开发工具的安装