JQuery是一個非常流行的JavaScript庫，它在JavaScript的基礎上提供了一些更簡單、更快速的方式來操作HTML文檔、處理事件以及進行動畫。其中一個最強大的功能是它的append函數，它可以讓我們將一個元素添加到另一個元素的后面。現在，我們可以使用這個函數來動態地添加Svg（Scalable Vector Graphics）圖形到我們的HTML文檔中。

$(document).ready(function(){
//創建svg元素
var mySvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
mySvg.setAttribute('width', '100');
mySvg.setAttribute('height', '100');
//創建一個紅色的矩形
var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
rect.setAttribute('x', '10');
rect.setAttribute('y', '10');
rect.setAttribute('width', '80');
rect.setAttribute('height', '80');
rect.setAttribute('fill', 'red');
//將矩形添加到svg中
mySvg.appendChild(rect);
//將svg添加到文檔中的body元素
$('body').append(mySvg);
});

在這個例子中，我們使用document.createElementNS函數創建了一個新的Svg元素，并將其寬度和高度設置為100像素。接下來，我們創建了一個紅色的矩形，并將其添加到Svg元素中。最后，我們使用JQuery的appendTo函數將Svg元素添加到文檔中的body元素。