使用Jqury addClass 和removeClass的经历

原创 2015年11月18日 21:54:19

  今天办了一个比较蠢的事情,就是addClass和removeClass的事情。

经理给说的挺清楚,我以前没做过这个事情,又感觉要赶时间,就实现效果了先。代码如下:

function addSpanColor(date)
{
$(".spn_date").css({"color":"black","font-weight":"normal"});
$("#"+date).css({"color":"blue","font-weight":"bold"});
};

这样带来的问题是如果要加许多的样式,就得一个一个的再设置回去,如果错误了,就实现不了效果。然后,使用addClass和removeClass的效果

在css中定义一个class,如下:

.selectedDate{
color:blue;
font-weight:bold;
}

js代码,引用如下:

function addSpanColor(date)
{
$(".spn_date").removeClass("selectedDate");
$("#"+date).addClass("selectedDate");
};

很简洁,记录一下,以备以后查阅。

版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery之addClass与removeClass使用实例

常见的用途在HTML里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就...
  • AgnesLuo
  • AgnesLuo
  • 2016年04月10日 10:44
  • 2952

JQuery中.AddClass()和.RemoveClass()

jQuery中.addClass()主要用来给匹配的元素增加一个类或多个类名(class名),需要注意的是这种方法只是给匹配的元素增加了类名,这里所说的增加就是在以前的基础上追加类名,新增加的类名并不...
  • laixiaobailing
  • laixiaobailing
  • 2014年08月20日 23:25
  • 2855

removeClass和addClass实现选择效果

利用jquery的removeClass和addClass实现选择效果: ul li{width: 50px;height: 50px;border: 1px sol...
  • ziwoods
  • ziwoods
  • 2015年11月16日 16:27
  • 782

.addClass(),.removeClass(),.toggleClass()的区别

其实toggleClass()方法就类似于这样的,如:$("selector").toggleClass("className"); 等同于 ...
  • kakaxiD
  • kakaxiD
  • 2016年05月12日 14:42
  • 2014

jquery hasClass、removeClass、addClass方法

hasClass(class) 检查当前的元素是否含有某个特定的类,如果有,则返回true。 参数: class:用于匹配的类名。 --------------...
  • wfy230625
  • wfy230625
  • 2015年12月17日 17:21
  • 328

用JS封装的通用addClass方法(函数)和removeClass方法(函数)

/* * 函数名:添加class。 * 参数说明:element(必选) 指的是需要添加class的元素(对象); new_name(必选) 指的是需要添加的class名。 * 返回值说明:形参...
  • Mr_28
  • Mr_28
  • 2017年03月20日 10:15
  • 409

jquery addClass() ,removeClass(),attr(),removeAttr()

随便记一些 current 是class样式的名字 $(obj).addClass("current");//添加样式 $(obj).siblings("li").removeClass("cu...
  • zygzzp
  • zygzzp
  • 2014年03月29日 17:35
  • 1721

原生js 实现addclass和removeclass

function getElementsByClassName(className,root,tagName) { //root:父节点,tagName:该节点的标签名。 这两个参数均可有可无 ...
  • u010822824
  • u010822824
  • 2016年08月17日 11:30
  • 3723

.addClass() 与 .removeClass()

.addClass()方法 当一个元素含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦...
  • QQ80583600
  • QQ80583600
  • 2016年12月30日 20:30
  • 485

用原生js实现addClass,removeClass,hasClass方法

其实html5已经扩展了class操作的相关API,其中classList属性就以及实现了class的增删和判断。 classList属性的方法有: add(value) 添加类名,如果...
  • u010582082
  • u010582082
  • 2017年04月18日 13:24
  • 3418
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Jqury addClass 和removeClass的经历
举报原因:
原因补充:

(最多只允许输入30个字)