為什麼 jQuery 不操作 SVG 類，如何修復它？

jQuery SVG：克服類別操作障礙

將 jQuery 合併到 SVG 操作中可以簡化開發。然而，遇到的常見陷阱是無法從 SVG 元素新增或刪除類別。讓我們深入研究問題並探索解決方案。

問題：

嘗試使用 jQuery 操作 SVG 元素中的類別時，通常會失敗。例如，考慮以下程式碼：

在此範例中，jQuery 程式碼應在按一下時將「clicked」類別新增至矩形。然而，它失敗了。

解決方案：

1.使用JQuery 3 或更高版本：

3 之前的JQuery 版本在使用SVG 類別時遇到困難。不過，這個問題在 JQuery 3 及更高版本中已解決。升級到最新的 JQuery 版本應該可以解決這個問題。

2.使用 Vanilla JavaScript：

如果您不想依賴 JQuery，則可以使用 vanilla JavaScript 直接操作 SVG 類別。 classList.add() 方法提供了一個方便的方法來實現此目的：

3.利用.attr() 方法：

另一種選擇是使用.attr() 方法，該方法與jQuery 和vanilla JavaScript相容：

透過利用作為這些解決方案之一，您可以使用 jQuery 或 vanilla JavaScript 有效地操作 SVG 元素中的類，從而克服先前的限制。

以上是為什麼 jQuery 不操作 SVG 類，如何修復它？的詳細內容。更多資訊請關注PHP中文網其他相關文章！