【javascript】CSS文件中属性,改写为JQuery写法
2017-06-11 18:21
543 查看
废话少说,直接上代码:
示例:
CSS属性:
编译结果:
注:
原代码有不少情况没有考虑清楚,现直接将更完整的代码放置如下:
升级成文件的方法放在github上,可以的话,fork点个赞什么的,谢谢。
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点个赞什么的,谢谢。
相关文章推荐
- JavaScript获取css属性的兼容写法
- javascript下操作css的float属性的特殊写法
- 中文前端UI框架Kit(五)支持Css全属性/Css Hack/Css3属性/颜色渐变的Javascript动画,相比JQuery和Mooltools,功能更为强大,这不是标题党!
- 图片按钮来代替文件上传控件(Freemaker,JQuery,HTML,CSS,JavaScript)
- javascript css float属性的特殊写法
- javascript css float属性的特殊写法
- javascript,jquery动态添加dom元素,并设定css属性,点击事件
- Javascript中CSS属性float的特殊写法
- javascript css float属性的特殊写法
- javascript下操作css的float属性的特殊写法
- CSS和JavaScript标签style属性对照表
- 动态调用css文件――jquery的应用
- CSS和JavaScript标签style属性对照表
- 用javascript动态加载不同css/js文件
- 在后台cs文件给控件添加属性(添加客户端事件javascript)
- 使用javascript更改某个css class的属性
- CSS和JavaScript标签style属性对照表
- CSS代码属性分组的写法例子
- (currentStyle)javascript为何有时用style得不到已设定的CSS的属性
- (currentStyle)javascript为何有时用style得不到已设定的CSS的属性