如何添加<；使用>；使用jQuery（如果需要，也可以使用纯JavaScript）创建内联SVG？

我在HTML5文档中有一个内嵌SVG，并希望添加jQuery（如果需要，也可以添加纯JavaScript）

我知道如何添加rect、circle或其他表单，但我还不能重用现有表单

下面是对JSFIDLE的测试：

SVG：

<svg width="300" height="300">
  <symbol id="piece"><circle cx="50" cy="50" r="40" fill="green" /></symbol>
  <circle cx="70" cy="90" r="20" stroke="blue" fill="white" />
</svg>

---

我知道有一个jQuery SVG插件，但希望它尽可能轻。

添加href属性的正确方法是使用setAttributes

useElement.setAttributeNS("http://www.w3.org/1999/xlink", 'href', '#piece');

useElement.setAttributeNS("http://www.w3.org/1999/xlink", 'href', '#piece');