Javascript 在jQuery中创建具有子元素的新DOM元素

我想创建以下元素

<span>
    <h3>Title</h3>
    <p>This is paragraph</p>
</span>

标题
这是一段

我想以以下方式使用jquery来完成上述工作

$('<span />', {
}).appendTo('body');

$（“”{
}).附于（“主体”）；

如何使用上述方法创建span的子元素？

$（''，{}）
.append（$（''）.text（'Tite'））
.append（$（“
”）.text（'para'））
.附于（“主体”）；

---

或

$（''，{}）
.append（函数（）{
返回“Title这是段落
”；
}).附于（“主体”）；

---

$（''，{}）
.append（$（''）.text（'Tite'），$（'
'）。text（'para'））
.附于（“主体”）；

是否可以在没有太多附件的情况下实现第一个以上的目标？好的，那么如果我在

p

中有另一个

span

呢？我如何使用第一种方法实现这一点？

$('<span />', {})
    .append($('<h3/>').text('Tite'))
    .append($('</p>').text('para'))
    .appendTo('body');

$('<span />', {})
    .append(function () {
    return '<h3>Title</h3><p>This is paragraph</p>';
}).appendTo('body');

$('<span />', {})
    .append($('<h3/>').text('Tite'), $('</p>').text('para'))
    .appendTo('body');