您的位置:首页 > Web前端 > JQuery

【javascript】CSS文件中属性,改写为JQuery写法

2017-06-11 18:21 543 查看
废话少说,直接上代码:

function changeToJQ (str) {
str='$("'+str;
var str_pre = str.substr(0,str.indexOf("{"));
var str_aft = str.substr(str.indexOf("{")).replace(/{/,'").css({"')
.replace(/:/g,'":"')
.replace(/;/g,'","').replace(/,"}/,'})');
return str_pre+str_aft;
}


示例:

CSS属性:

.pxtabs ul.pxtabsul li{box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: left;}


编译结果:

$(".pxtabs ul.pxtabsul li").css({"box-sizing":" border-box"," -webkit-box-flex":" 1"," -webkit-flex":" 1"," -ms-flex":" 1"," flex":" 1"," text-align":" left"})




注:

原代码有不少情况没有考虑清楚,现直接将更完整的代码放置如下:

function changeToJQ (str) {
str="$('"+str.replace(/\n/,"");
str = str[str.indexOf("}")-1]==";"?str:str.replace("\}",";}");
var str_pre = str.substr(0,str.indexOf("{"));
var str_aft = str.substr(str.indexOf("{")).replace(/\{/,("').css({"+'"'))
.replace(/:/g,'":"')
.replace(/;/g,'","').replace(/,"\}/,'})');
return str_pre+str_aft;
}


升级成文件的方法放在github上,可以的话,fork点个赞什么的,谢谢。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息