js操作DOM的class--防jquery

SolomonXie 发布于2019-08-23 13:46 / 2434人阅读

摘要：找不到该元素找不到该元素找不到该元素写这个的目的有两个。有时候不想引入，但是确实有必要对进行操作。

    function removeClass(name){
        var $ele = this.ele;
        if(!$ele){
            console.log(">> 找不到该元素: id = ",ele);
            return !1;
        }
        var rex = new RegExp("s"+name+"|"+name+"s");
        $ele.className = $ele.className.replace(rex,"");
        return this;
    }
    function addClass(name){
        var $ele = this.ele;
        if(!$ele){
            console.log(">> 找不到该元素: id = ",ele);
            return !1;
        }
        if(this.hasClass(name)){
            return !1;
        }else{
            $ele.className = $ele.className + " " + name;
        }
        return this;
    }
    function hasClass(name){
        var $ele = this.ele;
        if(!$ele){
            console.log(">> 找不到该元素: id = ",ele);
            return !1;
        }
        var rex = new RegExp("s"+name+"|"+name+"s");
        return $ele.className.search(rex) > -1;
    }
    function getId(id){
        return getEle(document.getElementById(id));
    }
    function getEle(ele){
        return {
            ele: ele,
            removeClass: removeClass,
            addClass: addClass,
            hasClass: hasClass
        }
        return eleObj;
    }

写这个的目的有两个。
1、有时候不想引入jquery，但是确实有必要对DOM进行class操作。
2、装逼。。。

云服务器 GPU云服务器 js操作dom对象 js中操作dom节点 js标签的class js的class写法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99531.html

从jQuery学到的几件事情

摘要：最近想看一下源码，搜到了这样一篇博客从源码学到的件事情本文基于这篇视频博客，提炼了一些内容，分享给大家。的状态选择符，比如存放在里面最近想看一下jQuery源码，搜到了这样一篇博客《从jQuery源码学到的10件事情》http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/ 本文基于这篇视频博...

jlanglang 2019-08-19 14:46 评论0 收藏0
FE.SRC-逐行分析jQuery2.0.3源码-完整笔记

摘要：根据项目选型决定是否开启。为了压缩，可维护为了支持从而使用代替变量存储防冲突会用到，形如版本号声明最终调用的是这个原型实际上。功能检测统一兼容性问题。概览 (function (){ (21 , 94) 定义了一些变量和函数 jQuery=function(); (96 , 293) 给jQuery对象添加一些方法和属性; (285 , 347) ...

Lin_R 2019-08-23 10:29 评论0 收藏0
FE.SRC-逐行分析jQuery2.0.3源码-完整笔记

摘要：根据项目选型决定是否开启。为了压缩，可维护为了支持从而使用代替变量存储防冲突会用到，形如版本号声明最终调用的是这个原型实际上。功能检测统一兼容性问题。概览 (function (){ (21 , 94) 定义了一些变量和函数 jQuery=function(); (96 , 293) 给jQuery对象添加一些方法和属性; (285 , 347) ...

褰辩话 2019-08-02 11:03 评论0 收藏0
页面优化的一些建议

摘要：预读取预读取是一项使浏览器主动去执行域名解析的功能。在某些图片较多的页面中，在发起图片加载请求之前预先把域名解析好将会有至少的图片加载速度提升。但由于域名解析本身也是耗时的，所以也不是越多越好，最大支持路并发，所以一般设置个域名较为合适。文章本来是给公司内部分享用的，现在发表出来，欢迎大家提出宝贵建议。背景目的让官网首页加载速度更快，对用户的操作响应得更及时，给用户提供更为友好...

tommego 2019-08-02 10:30 评论0 收藏0