如何使用jQuery动态更改SVG圆形填充颜色

使用jQuery动态更改SVG圆形填充颜色可以通过以下步骤实现：

首先，确保你已经引入了jQuery库，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
在HTML中，创建一个SVG元素，并添加一个圆形元素，设置好圆形的半径和初始填充颜色，例如：<svg id="my-svg" width="200" height="200"> <circle id="my-circle" cx="100" cy="100" r="50" fill="#ff0000"></circle> </svg>
使用jQuery选择器选中圆形元素，并使用.css()方法来更改填充颜色，例如：$("#my-circle").css("fill", "#00ff00");这将把圆形的填充颜色更改为绿色。

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <svg id="my-svg" width="200" height="200">
    <circle id="my-circle" cx="100" cy="100" r="50" fill="#ff0000"></circle>
  </svg>

  <script>
    $("#my-circle").css("fill", "#00ff00");
  </script>
</body>
</html>

这样，当页面加载完成后，圆形的填充颜色将会动态更改为绿色。

推荐的腾讯云相关产品：腾讯云对象存储（COS）