原生JavaScript来实现对dom元素class的操作方法(推荐)

小木可 2017-08-16

jQuery操作class的方式非常强大

写了一个利用原生js来实现对dom元素class的操作方法

1.addClass:为指定的dom元素添加样式
2.removeClass:删除指定dom元素的样式
3.toggleClass:如果存在(不存在)，就删除(添加)一个样式
4.hasClass:判断样式是否存在

下面为一toggleClass的测试例子

[html] view plain copy
<style type="text/css"> 
 div.testClass{ 
 background-color:gray; 
 } 
</style>
<script type="text/javascript"> 
function hasClass(obj, cls) { 
 return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); 
} 
function addClass(obj, cls) { 
 if (!this.hasClass(obj, cls)) obj.className += " " + cls; 
} 
function removeClass(obj, cls) { 
 if (hasClass(obj, cls)) { 
 var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)'); 
 obj.className = obj.className.replace(reg, ' '); 
 } 
} 
function toggleClass(obj,cls){ 
 if(hasClass(obj,cls)){ 
 removeClass(obj, cls); 
 }else{ 
 addClass(obj, cls); 
 } 
} 
function toggleClassTest(){ 
 var obj = document. getElementById('test'); 
 toggleClass(obj,"testClass"); 
} 
</script>

<body> 
 <div id = "test" style = "width:250px;height:100px;"> 
 sssssssssssss 
 </div> 
 <input type = "button" value = "toggleClassTest" onclick = "toggleClassTest();" /> 
</body>
小木可

小木可

相关推荐

搞定三大神器之 Python 装饰器

装饰器，几乎各大Python框架中都能看到它的身影，足以表明它的价值!它有动态改变函数或类功能的魔力!对于受到封装的原函数比如f来说，装饰器能够在f函数执行前或者执行后分别运行一些代码。def decorator: # 定义要返回的函数 def g():

FlySky / 0评论 2020-09-29

PHP autoload使用方法及步骤详解

我们知道在PHP4里面，当我们使用一个类的时候，必须将该类所以文件使用include或require加进来，这样我们就可以使用类了。而对于PHP5来说也可以使用在PHP4里面的方式，将类文件包进来，但当有了__autoload之后，这种情况就可以靠编写规则

Phplayers / 0评论 2020-09-05

python中self和cls @classmethod修饰符

# 实例化方法 def func1: # self : 就是A这个大类 print print. # 类方法 @classmethod def func2: # cls : 表示没用被实例化的类本身

oXiaoChong / 0评论 2020-06-03

Python-类和对象（__new__,__init__,classmethod）

class Singleton: def __new__: # 关键在于这，每一次实例化的时候，我们都只会返回这同一个instance对象 if not hasattr: cls.instance =

lhxxhl / 0评论 2020-05-16

python魔法方法

print #返回对象内存地址，类中没有__repr__方法。__del__方法将类实例化后，如果没有其他操作，会执行该方法。print #删除对象后，执行该语句。return object.__new__

laohyx / 0评论 2020-04-06

第六节 修改某个字段的数据之update

UPDATE t_student SET gender=2,age=10 WHERE cls_id=1;

真新镇的涅法雷姆 / 0评论 2020-03-03

Python – 单例实现的多种方法

单例模式就是确保一个类只有一个实例.当你希望整个系统中，某个类只有一个实例时，单例模式就派上了用场.比如，某个服务器的配置信息存在在一个文件中，客户端通过AppConfig类来读取配置文件的信息.如果程序的运行的过程中，很多地方都会用到配置文件信息，则就需

pengkunstone / 0评论 2020-02-22

python 类方法与静态方法

类方法和静态方法的调用一样，都是通过类就可以直接调用。　　类方法，需要传入该类，定义类方法的时候要传一个默认的参数cls。是一个函数修饰符，它表示接下来的是一个类方法，而对于平常我们见到的则叫做实例方法。　　静态方法则不用。第一个参数是self，表示该类的

codeAB / 0评论 2020-01-19

python中单例模式的实现-通过闭包函数和魔术方法__new__实现单例模式

2、通过python中魔术方法__new__实现单例模式：

chongtianfeiyu / 0评论 2020-01-06

python知识点总结02(不定时更新)

请用至少两种方式实现m与n值交换m=10,n=5. 实现单例模式的5种方式：。数值进制之间的转换。简述可迭代对象，迭代器对象，生成器对象及应用场景。生成器是构造迭代器的最简单有力的工具，本质就是一个迭代器，自定义的迭代器。使用方式跟普通函数类似，不同点在于

逍遥友 / 0评论 2019-12-30

流畅的python：描述符

>>> m.over #get里的参数分别对应[self]Overriding实例, [instance]Managed实例，[owner]Managed类。>>> Managed.over #类直接调用属性，insta

typhoonpython / 0评论 2019-11-19

Python版设计模式之单例模式

定义一个单例装饰器，使用dict保存定义好的实体，key为class的地址而不是名字，这样同名类也不会冲突。return wrapper"""使用类定义装饰器""". # I am test1 o

amazingbo / 0评论 2019-06-30

Python单例模式(Singleton)的N种实现

很多初学者喜欢用 全局变量 ，因为这比函数的参数传来传去更容易让人理解。确实在很多场景下用全局变量很方便。不过如果代码规模增大，并且有多个文件的时候，全局变量就会变得比较混乱。你可能不知道在哪个文件中定义了相同类型甚至重名的全局变量，也不知道这个变量在程序

pythonxuexi / 0评论 2019-06-28

原生JavaScript实现jQuery的hasClass,removeClass,addClass,toggleClass

1、hasClass：判断DOM元素是否存在类。

ruoyiqing / 0评论 2016-10-13

Ryu 源码解读

可以在命令行或者配置文件中设置的配置选项配置选项管理器：API用于注册选项模式，分组选项，解析选项值和解锁选项值对'config_file'和'config_dir'的支持解析配置文件CONF(args=args, prog=prog,通过app_mgr.

cjb / 0评论 2019-06-28

Python中的单例模式

单例模式单例模式是一种常用的软件设计模式，该模式的主要目的是确保某一个类只有一个实例存在。当你希望在整个系统中，某个类只能出现一个实例时，单例对象就能派上用场。比如，某个服务器程序的配置信息存放在一个文件中，客户端通过一个 AppConfig 的类来读取配

小方哥哥 / 0评论 2019-06-27

weblogic with spring hibernate mappingDirectoryLocations error

/test.properties. messageID=4217650#4217650)…InputStream stream = null;Properties p = new Properties();System.out.println(“—————

hualicc / 0评论 2010-05-04

Hibernate执行原生态SQL语句通用方法

可是有时一些比较复杂的SQL在转换成HQL比较麻烦时就希望Hibernate能直接SQL。* 对参数cls的要求：cls对象的setter方法名get后的字母全大写。ResultSetMetaData rsmd = rs.getMetaData(); //

manbucy / 0评论 2010-03-03

python单例模式与metaclass

__metaclass__ = Singletonmetaclass元类就是用来创建类的东西，可以简单把元类称为“类工厂”，类是元类的实例。type就是Python的内建元类，type也是自己的元类，任何一个类。# 2上一节中，单例模式元类实现用的是类继承

jibkfv / 0评论 2019-06-20

ext 中的各个style

baseCls ： 所写的css将会应用到自己的组件上。注意要和bodyStyle区别，大家可以自己试试，区别很明显。修改panel的表题，找到title元素。

魄竹 / 0评论 2011-10-31

解决@selector无法传参的办法，通过tag标记传递更多数据

tag是一个整型，那么就意味着可以放任何东西。怎么放喃，放对象指针。

python大数据 / 0评论 2012-01-11

Python创建单例模式的三种方式

装饰器维护一个字典对象instances，缓存了所有单例类，只要单例不存在则创建，已经存在直接返回该实例对象。__new__是真正创建实例对象的方法，所以重写基类的__new__方法，以此来保证创建对象的时候只生成一个实例。元类是用于创建类对象的类，类对象

manongpengzai / 0评论 2019-05-22

Python 经典面试题（内附19年最新python学习教程分享）

Python允许你定义一种单行的小函数。定义lambda函数的形式如下：labmda 参数：表达式lambda函数默认返回表达式的值。函数的名字也必须以字母开头，可以包括下划线“ ”,但不能把Python的关键字定义成函数的名字。Python的内存管理是由

retacnyue / 0评论 2019-03-11

Python 中 _new__方法详解及使用

在Python中__new__方法与__init__方法类似，但是如果两个都存在那么__new__先执行。在基础类object中，__new__被定义成了一个静态方法，并且需要传递一个参数cls。Cls表示需要实例化的类，此参数在实例化时由Python解析

magicandy / 0评论 2018-12-05

Python创建单例模式的三种方式

装饰器维护一个字典对象instances，缓存了所有单例类，只要单例不存在则创建，已经存在直接返回该实例对象。__new__是真正创建实例对象的方法，所以重写基类的__new__方法，以此来保证创建对象的时候只生成一个实例。元类是用于创建类对象的类，类对象

LiuRuilun / 0评论 2018-11-23

Python文件操作的20个面试题，帮你打开公司大门，值得收藏

关注头条号，私信回复资料会有意外惊喜呦………………最后一张照片有资料呦。Python允许你定义一种单行的小函数。lambda函数可以接受任意个参数，包括可选参数，但是表达式只有一个：。如果你的函数非常简单，只有一个表达式，不包含命令，可以考虑lambda函

党薇 / 0评论 2018-09-05

原生js封装的一些jquery方法(详解)

　　if (!ele || !cls) return false;　　　　ele.classList.add(cls);　　　　if (!hasClass(ele, cls)) ele.className += '' + cls;

夜光寒 / 0评论 2019-05-08

Python 实现单例模式

# 使用Python实现单例模式 # 方法一: 使用__new__方法 class SingleTon: def __new__: if not hasattr: cls._instance = object.__new__

xuxingzhuang / 0评论 2017-10-12

单利模式及python实现方式详解

单例模式是一种常用的软件设计模式，该模式的主要目的是确保 某一个类只有一个实例存在 。比如，某个服务器程序的配置信息存放在一个文件中，客户端通过一个 AppConfig 的类来读取配置文件的信息。事实上，类似 AppConfig 这样的类，我们希望在程序运

xinhao / 0评论 2018-03-20

详解python实现线程安全的单例模式

单例模式是一种常见的设计模式，该模式的主要目的是确保某一个类只有一个实例存在。比如，服务器的配置信息写在一个文件中online.conf中，客户端通过一个 Config 的类来读取配置文件的内容。事实上，对于Config类我们在程序运行期间时只需要一个实例

晏 / 0评论 2018-03-05

实例解析Python中的__new__特殊方法

而 __new__()则是生产部经理，__new__()方法可以决定是否将原料提供给该生产部工人，同时它还决定着出 货产品是否为该生产部的产品，因为这名经理可以借该工厂的名义向客户出售完全不是该工厂的产品。__new__()方法的特性：1.__new__(

pythonjw / 0评论 2016-06-02

Python设计模式中单例模式的实现及在Tornado中的应用

pass问题是这样装饰以后返回的不是类而是函数，当然你可以singleton里定义一个类来解决问题，但这样就显得很麻烦了。__metaclass__ = SingletonTornado中的单例模式运用来看看tornado.IOLoop中的单例模式：。Mo

PythonGCS / 0评论 2016-03-02

5种Python单例模式的实现方式

所谓单例，是指一个类的实例从始至终只能被创建一次。方法1：如果想使得某个类从始至终最多只有一个实例，使用__new__方法会很简单。Python中类是通过__new__来创建实例的：。如果cls._inst为None，说明类还未实例化，实例化并将实例绑定到

pythoning / 0评论 2019-04-22

详解python单例模式与metaclass

元类就是用来创建类的东西，可以简单把元类称为“类工厂”，类是元类的实例。type就是Python的内建元类，type也是自己的元类，任何一个类。# 2上一节中，单例模式元类实现用的是类继承方式，而对于第一种__new__的方式，本质上调用的是type.__

Haopython / 0评论 2016-01-15

python类装饰器用法实例

本文实例讲述了python类装饰器用法。分享给大家供大家参考。希望本文所述对大家的Python程序设计有所帮助。

Python探路者 / 0评论 2015-06-04

Python使用metaclass实现Singleton模式的方法

本文实例讲述了Python使用metaclass实现Singleton模式的方法。分享给大家供大家参考。<__main__.Cache object at 0x01CDB130>希望本文所述对大家的Python程序设计有所帮助。

Haopython / 0评论 2015-05-05

python实现清屏的方法

本文实例讲述了python实现清屏的方法。分享给大家供大家参考。>>> i = os.system很干净很干净的哟！希望本文所述对大家的Python程序设计有所帮助。

wlpython / 0评论 2015-04-30

详解Python中的__new__()方法的使用

def __new__: # known special case of object.__new__. passobject将__new__()方法定义为静态方法，并且至少需要传递一个参数cls，cls表示需要实例化的类，此参数在实例化时由Python解

Triagen / 0评论 2015-04-09

常见的在Python中实现单例模式的三种方法

单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统资源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案

cassiePython / 0评论 2015-04-08

Python的类实例属性访问规则探讨

一般来说，在Python中，类实例属性的访问规则算是比较直观的。但是，仍然存在一些不是很直观的地方，特别是对C++和Java程序员来说，更是如此。

Haopython / 0评论 2019-04-17

javascript下利用数组缓存正则表达式的实现方法

如果能用字面量创建正则就最好不过，显然有时我们不得不使用new RegExp()这种大消耗的创建方法，比如语法高亮与排版就大量用到正则表达式，要用到的patten越多，需要的时间就越长，火狐好像是12秒就发出警告，IE就直接假死。这时我们就需要利用组存大法

JasonThinking / 0评论 2009-12-26

Python中staticmethod和classmethod的作用与区别

一般来说，要使用某个类的方法，需要先实例化一个对象再调用方法。而使用@staticmethod或@classmethod，就可以不需要实例化，直接类名.方法名()来调用。这有利于组织代码，把某些应该属于某个类的函数给放到那个类里去，同时有利于命名空间的整洁

wlpython / 0评论 2018-10-11

python中的__init__ 、__new__、__call__小结

明显不可以，因为__init__之前调用了__new__方法，这时候已经生成了一个对象了，没办法实现单例模式

LHpython / 0评论 2014-04-25

python 简易计算器程序，代码就几行

print('计算表达式输入有误！

PythonBiglove / 0评论 2009-08-28

python self,cls,decorator的理解

2. 类的定义可以动态修改 代码2 代码如下：。print "classmethod", cls, y这里有个疑惑的地方，不是很明白： 如果一个方法没有使用@classmethod, 那么用Class.method()的方式，是会报错

pythonpycharm / 0评论 2009-07-12

设计模式

单例模式确保某个类只有一个实例，而且自行实例化并向整个系统提供这个实例。单例模式是一种常见的设计模式，在计算机系统中，线程池、缓存、日志对象、对话框、打印机、数据库操作、显卡的驱动程序常被设计成单例。单例模式分3种：懒汉式单例、饿汉式单例、登记式单例。必须

MATLAB / 0评论 2018-05-21

python new和init知识点

而 __new__()则是生产部经理，__new__()方法可以决定是否将原料提供给该生产部工人，同时它还决定着出 货产品是否为该生产部的产品，因为这名经理可以借该工厂的名义向客户出售完全不是该工厂的产品。）__new__方法接受的参数虽然也是和__ini

每周学点土壤知识 / 0评论 2018-05-13

单利模式及python实现方式

单例模式单例模式是一种常用的软件设计模式，该模式的主要目的是确保某一个类只有一个实例存在。当希望在整个系统中，某个类只能出现一个实例时，单例对象就能派上用场。比如，某个服务器程序的配置信息存放在一个文件中，客户端通过一个 AppConfig 的类来读取配置

松鼠的窝 / 0评论 2018-03-19

python实现线程安全的单例模式

单例模式是一种常见的设计模式，该模式的主要目的是确保某一个类只有一个实例存在。比如，服务器的配置信息写在一个文件中online.conf中，客户端通过一个 Config 的类来读取配置文件的内容。事实上，对于Config类我们在程序运行期间时只需要一个实例

稀土 / 0评论 2018-03-04