Heim  >  Artikel  >  Web-Frontend  >  js-Batch-Einstellungselementstil und Kapselungs-CSS-Methoden-Tutorial ähnlich wie jquery

js-Batch-Einstellungselementstil und Kapselungs-CSS-Methoden-Tutorial ähnlich wie jquery

巴扎黑
巴扎黑Original
2017-07-21 17:43:031346Durchsuche

1. Batch-Set-Stil 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. Kapselungs-CSS-Methode

//此方法实现了获取、单独设置、批量设置元素的样式值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)
            }
        }

Das obige ist der detaillierte Inhalt vonjs-Batch-Einstellungselementstil und Kapselungs-CSS-Methoden-Tutorial ähnlich wie jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Spread-Operator in JavaScriptNächster Artikel:Spread-Operator in JavaScript