使用 jQuery 创建和访问 SVG 标签？

使用 jQuery 创建和访问 SVG 标签可以通过以下方法实现：

创建 SVG 标签

要使用 jQuery 创建 SVG 标签，可以使用 jQuery 的 $("<tagName>") 方法，例如：

var svgElement = $("<svg>");

这将创建一个新的 <svg> 标签。然后，可以使用 jQuery 的 append() 方法将其添加到 HTML 文档中的任何元素中。

访问 SVG 标签

要访问 SVG 标签，可以使用 jQuery 的选择器语法，例如：

var svgElement = $("svg");

这将选择文档中的第一个 <svg> 标签。如果要选择具有特定 ID 或类的 SVG 标签，可以使用相应的选择器，例如：

var svgElement = $("#mySvg");

这将选择具有 ID mySvg 的 <svg> 标签。

操作 SVG 标签

一旦选择了 SVG 标签，可以使用 jQuery 的方法对其进行操作。例如，可以使用 attr() 方法设置或获取 SVG 标签的属性，例如：

// 设置 SVG 标签的宽度和高度属性
svgElement.attr("width", "500");
svgElement.attr("height", "300");

// 获取 SVG 标签的宽度和高度属性
var width = svgElement.attr("width");
var height = svgElement.attr("height");

此外，可以使用 jQuery 的 append() 方法向 SVG 标签中添加子元素，例如：

// 创建一个新的矩形元素
var rectElement = $("<rect>");

// 设置矩形的属性
rectElement.attr("x", "10");
rectElement.attr("y", "10");
rectElement.attr("width", "100");
rectElement.attr("height", "50");

// 将矩形添加到 SVG 标签中
svgElement.append(rectElement);

这将在 SVG 标签中创建一个新的矩形元素，并设置其属性。然后，将矩形元素添加到 SVG 标签中。