在jquery中,可以通过选取div元素,然后调用attr()方法将style属性设置为空字符串,以此来移除其内联样式。下面通过一个完整示例进行详细讲解。
1、 新建一个名为test.html的文件,用于演示如何借助jQuery清除div元素的内联样式。

2、 在test.html中,使用div标签构建一个区块,并将其id属性设为mydiv,方便后续通过该ID精准获取对应DOM对象。

3、 为该div添加基础CSS样式:宽高均为150px,并配置1px红色实线边框,便于直观观察样式变化效果。

4、 在div标签内部通过style属性直接定义样式,例如使用background设置背景色为黄色。

5、 在页面中插入一个button按钮,并为其绑定onclick事件,点击时调用delcss()函数执行样式清除操作。
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

6、 在<script></script>标签中定义delcss()函数,使用getElementById获取id为mydiv的元素,再调用setAttribute('style', '')将其内联样式清空。

7、 使用浏览器打开test.html文件,点击按钮即可看到div的内联样式(如黄色背景)被成功移除。


8、 创建一个新的test.html文件。










