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

废话少说,直接上代码:

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点个赞什么的,谢谢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值