在jquery中,可以利用removeAttr()方法来移除style属性,该方法的作用就是从被选元素中移除指定属性,只需要将该方法的的参数设置为“style”即可;语法为“$(selector).removeAttr("style")”。 本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。 style属性是HTML核心属性,用于为元素指定内联样式(inline style)。 style属性将覆盖其他全局样式,比如在元素或外部样式表中定义的样式。</p> <p><strong>那么利用jquery怎么移除style属性</strong></p> <p>在jquery中,可以利用removeAttr()方法来移除style属性。</p> <p>removeAttr() 方法用于从被选元素中移除属性。</p> <p>语法:<br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(selector).removeAttr(attribute)</pre><div class="contentsignin">登录后复制</div></div><p>attribute:必需。规定从指定元素中移除的属性。 </p><p>示例:移除第一个 p 元素的style属性</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("p:first").removeAttr("style"); }); }); </script> </head> <body> <h1>这是一个大标题</h1> <p style="font-size: 120%;color: blue;background-color: yellow;">这是一个段落。</p> <p style="font-size: 120%;color: blue;background-color: yellow;">这是另一个段落。</p> <button>移除第一个 p 元素的style属性</button> </body> </html></pre><div class="contentsignin">登录后复制</div></div><p><img src="https://img.php.cn/upload/image/276/215/806/1646125325344465.gif" title="1646125325344465.gif" alt="1.gif"></p> <p>【推荐学习:<a href="https://www.php.cn/course/list/19.html" target="_blank" textvalue="jQuery视频教程">jQuery视频教程</a>、<a href="https://www.php.cn/course/list/1.html" target="_blank" textvalue="web前端开发视频">web前端开发视频</a>】</p>