zoukankan      html  css  js  c++  java
  • js学习总结----批量设置元素样式及封装类似于jquery的css方法

    1、批量设置样式setGroupCss

    function setGroupCss(curEle,options){
                //通过检测options的数据类型,如果不是一个对象,则不能进行批量操作
                if(Object.prototype.toString.call(options)!=="[object Object]"){
                    return;
                }
                //遍历对象中的每一项,调取setCss方法一个个进行设置即可
                for(var key in options){
                    if(options.hasOwnProperty(key)){
                        setCss(curEle,key,options[key])
                    }        
                }
            }

    2、封装css方法

    //此方法实现了获取、单独设置、批量设置元素的样式值
            function css(curEle){
                var argTwo = arguments[1];
                if(typeof argTwo === "string"){//传递第二个参数是一个字符串,这样的话可能就是获取样式;为什么是可能呢?因为还需要判断是否存在第三个参数,如果第三个参数存在的话,不是获取了,而是在单独的设置样式属性值
                    var argThree = arguments[2];
                    if(typeof argThree === "undefined"){//第三个参数不存在
                        // return getCss(curEle,argTwo);
                        return getCss.apply(this,arguments)
                    }
                    //第三个参数存在则为单独设置
                    // setCss(curEle,argTwo,argThree)
                    setCss.apply(this,arguments)
                    return;
                }
                argTwo = argTwo || 0;//这行是为了 防止argTwo不存在为undefined的时候,下面的toString会报错
                if(argTwo.toString()==="[object Object]"){
                    //批量设置样式属性值
                    setGroupCss.apply(this,arguments)
                }
            }
  • 相关阅读:
    autocare使用命令
    使用国内豆瓣源
    HCNA(二)以太网的帧结构
    HCNA(一)网络传输介质
    Python
    Python
    Python
    Delphi
    HCNP
    Python
  • 原文地址:https://www.cnblogs.com/diasa-fly/p/7154176.html
Copyright © 2011-2022 走看看