jquery怎麼刪除div元素的class屬性-前端問答-PHP中文網

首頁

web前端

前端問答

jquery怎麼刪除div元素的class屬性

Jul 05, 2022 pm 05:47 PM

jquery

刪除步驟：1、利用jQuery選擇器取得指定div元素，語法“$("選擇器")”，會傳回一個包含指定div元素的jQuery物件；2、利用removeAttr()方法移除被選元素的class屬性即可，語法「指定div元素物件.removeAttr("class");」。

jquery怎麼刪除div元素的class屬性

本教學操作環境：windows7系統、jquery3.6.0版本、Dell G3電腦。

在jquery中，可以利用removeAttr()方法來移除div元素中的class屬性

jquery刪除div元素class屬性的步驟

#步驟1、利用jQuery選擇器取得指定div元素

$("选择器")

登入後複製

會傳回一個包含指定div元素的jQuery物件

步驟2：利用removeAttr()方法移除class屬性

removeAttr() 方法可以從被選元素移除一個或多個屬性，當該方法接受的參數值為「class」即可移除class屬性。

指定div元素对象.removeAttr("class")

登入後複製

實作範例：

<!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>

登入後複製

jquery怎麼刪除div元素的class屬性