亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

手寫JQ里面的css方法

封装在utils工具函数文件里

let utils = function(){
	let getCss = function(curEle,attr){
		if(window.getComputedStyle === undefined){return}
		let value = window.getComputedStyle(curEle,null)[attr],
		reg = /-?\d+(\.\d+)?(px|rem|em|pt)/i;
		//过滤是否为纯数字或者数字+单位,使用parseFloat拿到数值
		reg.test(value)?value = parseFloat(value):null;
		return value;Ï
	}
	let setCss = function(curEle,attr,value){
		if(attr === 'opacity'){
			curEle['style'].opacity = value;
			curEle['style'].filter =`alpha(opacity=${value*10})`;
			return;
		}
		if(!isNaN(value)){
			let reg = /^(width|height|fontSize|(margin|padding)?(top|left|right|bottom)?)$/i;
			reg.test(attr)?value+='px':null;
		}
		curEle['style'][attr] = value;
	}
	let setGroupCss = function(curEle,options={}){
		for(let key in options){
			if(!options.hasOwnProperty(key)) continue;
			setCss(curEle,key,options[key]);
		}
	}
	let css = function(...arg){
		let len = arg.length,second = arg[1],fn = getCss;
		len>=3?fn = setCss:null;
		len===2&&second instanceof Object&& second !=null ? fn=setGroupCss : null;
		return fn(...arg);
	}
return{ css }
}()



//使用

utils.css(document.body,{background:“red”,height:200})

點擊查看更多內容
1人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
28
獲贊與收藏
163

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消