資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 jQuery 中不使用 addClass() 方法為元素新增類？
我們可以使用 .attr() 方法為元素新增類。此方法可用於設定或獲取 HTML 元素屬性的值。要新增類，我們首先使用 jQuery 選擇器選擇元素，然後呼叫 .attr() 方法，將“class”作為第一個引數，將類名作為第二個引數傳遞。
讓我們首先了解什麼是 jQuery。jQuery 是一個 JavaScript 庫，它簡化了 HTML 文件遍歷、事件處理和動畫。它允許輕鬆操作文件物件模型 (DOM)。
它還為常見的 JavaScript 任務提供了一些簡寫方法，例如發出 AJAX 請求。它廣泛用於 Web 開發中，以建立互動式和動態的使用者介面。它可以輕鬆地與其他庫和框架整合。
方法
在 jQuery 中，您可以使用 addClass() 方法為元素新增類，但您也可以使用 attr() 或 prop() 方法為元素新增類。
例如 -
$("#element").attr("class", "new-class");
或
$("#element").prop("class", "new-class");
這將為 ID 為“element”的元素新增類“new-class”。
您還可以使用 += 運算子將多個類名連結在一起
$("#element").attr("class", function(i, origValue){
return origValue + " new-class";
});
示例
以下是如何在不刪除任何現有類的情況下，為 ID 為“element”的元素新增類“new-class”的完整示例 -
<!DOCTYPE html>
<html>
<head>
<title>Adding Class</title>
</head>
<body>
<div id="element" class="existing-class">This is an element</div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
$(document).ready(function(){
$("#element").attr("class", function(i, origValue){
return origValue + " new-class";
});
});
</script>
</body>
</html>
在此示例中，我們有一個 ID 為“element”且類為“existing-class”的 HTML 元素。當文件準備就緒時，我們使用 jQuery 的 $("#element") 選擇器選擇該元素，並使用 attr() 方法將類“new-class”新增到元素上的現有類中。
您可以在瀏覽器開發者工具中檢查元素的類，它將是“existing-class new-class”。
更新於：2023年4月10日
6K+ 閱讀量
廣告