刪除步驟:1、利用jQuery選擇器獲取指定div元素,語(yǔ)法“$("選擇器")”,會(huì)返回一個(gè)包含指定div元素的jQuery對(duì)象;2、利用removeAttr()方法移除被選元素的class屬性即可,語(yǔ)法“指定div元素對(duì)象.removeAttr("class");”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
在jquery中,可以利用removeAttr()方法來(lái)移除div元素中的class屬性
jquery刪除div元素class屬性的步驟
步驟1、利用jQuery選擇器獲取指定div元素
$("選擇器")
會(huì)返回一個(gè)包含指定div元素的jQuery對(duì)象
步驟2:利用removeAttr()方法移除class屬性
removeAttr() 方法可以從被選元素移除一個(gè)或多個(gè)屬性,當(dāng)該方法接受的參數(shù)值為“class”即可移除class屬性。
指定div元素對(duì)象.removeAttr("class")
實(shí)現(xiàn)示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js"></script> <style> .box{ display: block; border: 2px solid red; color: red; padding: 5px; margin: 15px; } </style> <script> $(document).ready(function() { $("button").click(function() { $("div").removeAttr("class"); }); }); </script> </head> <body class="ancestors"> <div class="box">div元素</div><br> <button>刪除div元素的class屬性</button> </body> </html>
【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】