本篇內容主要講解“jquery如何移除style屬性”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“jquery如何移除style屬性”吧!
凌海網站建設公司創新互聯,凌海網站設計制作,有大型網站制作公司豐富經驗。已為凌海1000多家提供企業網站建設服務。企業網站搭建\外貿網站建設要多少錢,請找那個售后服務好的凌海做網站的公司定做!
在jquery中,可以利用removeAttr()方法來移除style屬性,該方法的作用就是從被選元素中移除指定屬性,語法“$(selector).removeAttr("style")”。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
style屬性是HTML核心屬性,用于為元素指定內聯樣式(inline style)。
style屬性將覆蓋其他全局樣式,比如在<style>元素或外部樣式表中定義的樣式。
那么利用jquery怎么移除style屬性
在jquery中,可以利用removeAttr()方法來移除style屬性。
removeAttr() 方法用于從被選元素中移除屬性。
語法:
$(selector).removeAttr(attribute)
attribute:必需。規定從指定元素中移除的屬性。
示例:移除第一個 p 元素的style屬性
<!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> <h2>這是一個大標題</h2> <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>
到此,相信大家對“jquery如何移除style屬性”有了更深的了解,不妨來實際操作一番吧!這里是創新互聯網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
文章題目:jquery如何移除style屬性
文章路徑:http://vcdvsql.cn/article24/poohje.html
成都網站建設公司_創新互聯,為您提供網站設計、虛擬主機、App開發、建站公司、品牌網站建設、網站排名
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯