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)
            }
        }