jquery中怎么去掉css内联样式

html-css038

jquery中怎么去掉css内联样式,第1张

使用jQuery去掉标签属性style即可。

如:<p style="color:red">kdjfdkddk</ p>

$("p").removeAttr("style")

css应尽量避免内联样式,js也同理。

对开发者来说,样式与html分离,有助于后期更改一个新的样式(也可以说新的主题,很多ui框架都是直接切换主题的)

对浏览器来说,样式文件由于是单独文件,可以在本地建立一个缓存,有利于加快访问网页。

对服务器来说,如果样式文件浏览器减少加载,那么服务器就可以减少下载流量,可以节约服务器带宽。

虽然这些东西,对于一个用户来说是微不足道的,但是当数量级达到一定程度,一个字节的流量都是十分重要的

http://www.smalltool.net/ExtractSimple.aspx

从含有行内样式的Html代码中提取分离Style值,按照Html代码先后顺序命名行内Class值,能快速将行内的Style值从Html代码中分离提取出来。