美文网首页
2-2设置和移除类样式

2-2设置和移除类样式

作者: 大庆无疆 | 来源:发表于2019-03-13 23:49 被阅读0次

判断元素是否含有某类样式
hasClass('类样式名称'); //返回一个布尔值

切换类样式
使用toggleClass('类样式名称')方法可以切换类样式,存在(不存在)就删除(添加)一个类样式。

添加类样式

----------第一种添加类样式的方式-------------
$('#box').addClass('cls1');  //添加一个类样式
 $('#box').addClass('cls2 cls3');  //添加两个类样式

----------第二种添加类样式的方式-------------
$('#box').addClass('cls2').addClass('cls3');

移除样式

移除选中的类样式
$('#box').removeClass('cls2 cls3');

移除所有的类样式
$('#box').removeClass();  //括号里面什么都没有哦

相关文章

  • 2-2设置和移除类样式

    判断元素是否含有某类样式hasClass('类样式名称'); //返回一个布尔值 切换类样式使用toggleCl...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • JavaScript---操作dom样式

    添加样式 通过类 add函数 添加样式 移除样式 通过类 remove函数 移除样式 切换样式 通过切换类 to...

  • 原生js的一些兼容封装

    获取Dom元素 获取样式表里的样式 添加和移除类名 添加(优化原生防止重复添加) 移除类(优化原生防止重复添加) ...

  • jQuery 属性、样式操作

    1、属性操作 获取属性 设置属性 删除属性 2、样式操作 获取属性 设置属性 追加样式 移除样式 切换样式

  • angular内置指令

    1.NgClass:添加或移除多个css类2.NgStyle:为模板元素设置多个内联样式3.NgIf4.NgSwi...

  • bootstrap学习(一)

    一、全局样式style.css 移除body的maigin背景白色设置了基本的字体样式设置全局链接样式,鼠标悬停时...

  • HTML5 - 类名API

    给当前元素添加类样式 语法 示例 给当前元素移除类样式 语法 示例 检测当前元素添是否包含类样式 语法 示例 给当...

  • HTML类

    一.对HTML进行分类(设置类),使我们能够为元素的类定义CSS样式。为相同的类设置相同的样式,或者为不同的类设置...

  • HTML 类

    对HTML进行分类(设置类),使我们能够为元素的类定义CSS样式。对相同的类设置相同的样式,或者为不同的类设置不同...

网友评论

      本文标题:2-2设置和移除类样式

      本文链接:https://www.haomeiwen.com/subject/wgffmqtx.html