方法:1、利用removeClass()方法刪除元素所有的類名,語法為“元素對象.removeClass();”;2、利用addClass()方法將想要替換的類名添加即可,語法為“元素對象.addClasss("新的類名");”。
創新互聯建站專注為客戶提供全方位的互聯網綜合服務,包含不限于網站設計、網站制作、盤州網絡推廣、小程序設計、盤州網絡營銷、盤州企業策劃、盤州品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們大的嘉獎;創新互聯建站為所有大學生創業者提供盤州建站搭建服務,24小時服務熱線:028-86922220,官方網址:vcdvsql.cn
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
jquery怎樣替換掉所有的類名
在jquery中我們可以通過removeClass()方法來刪除掉元素的所有類名,然后利用addClass()方法將想要替換上去的類名添加上去即可。
removeClass() 方法從被選元素移除一個或多個類。
注釋:如果沒有規定參數,則該方法將從被選元素中刪除所有類。
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。
提示:如需添加多個類,請使用空格分隔類名。
示例如下:
<html><head><script type="text/javascript" src="http://jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $(".anniu1").click(function(){ $("p").removeClass(); }); $(".anniu2").click(function(){ $("p").addClass("intro2"); });});</script><style type="text/css">.intro1{font-size:120%;color:red;}.intro2{font-size:200%;color:pink;}</style></head><body><p class="intro1">This is a paragraph.</p><button class="anniu1">刪除類</button><button class="anniu2">增加類</button></body></html>輸出結果:
相關視頻教程推薦:jQuery視頻教程
文章名稱:jquery怎樣替換掉所有的類名
文章源于:http://vcdvsql.cn/article32/chshpc.html
成都網站建設公司_創新互聯,為您提供響應式網站、ChatGPT、電子商務、定制網站、手機網站建設、外貿建站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯