使用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名称的数组,而是一个含有空格的字符串,这就...

使用jQuery操作DOM(attr/html/text/addClass/removeAttr/removeClass/append/before/after/clone/replacewith/)

1、

jQuery addClass(), removeClass(),toggleClass(),css()方法使用详解

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 t...
  • NiQinGe
  • NiQinGe
  • 2017年07月17日 19:35
  • 154

超有用!原生JS实现增加删除class(addClass,removeClass,toggleClass)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1...

原生js封装函数,addClass removeClass,常用tag切换

// 根据class 获取元素 var getElement = function(selector) { return document.querySelector(selector...

JS原生addClass、removeClass实现

用jQuery的addClass()、removeClass()时手痒,想了解下原生JavaScript是怎么实现的这类功能。 方法一:还是用到了其他函数辅助,所以看着简短些。function ad...

.addClass() 与 .removeClass()

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

js原生扩展addClass,removeClass,hasClass

参考了jquery对应的方法 首先要给原生的dom元素加入addClass等方法.先要知道加在哪个原型上面引用一下MDN的APIElement Element(元素)接口是 Document的一...
  • jayhkw
  • jayhkw
  • 2016年12月19日 16:31
  • 1172

原生JS实现addClass,removeClass,toggleClass ,附:类似jquery hover事件

jQuery操作class的方式非常强大,但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.add...

模拟Jquery addClass() removeClass() 并应用于隔行变色 高亮当前行

function addClass(obj,className){ if(obj.getAttribute('class')){ obj.setAttribute('class',obj.get...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Jqury addClass 和removeClass的经历
举报原因:
原因补充:

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