Jquery 在div中创建div的正确方法是什么？

似乎对插件有一些影响

我没有插件，也没有IE9，但出于我自己的教育，在jQuery1.6中编写以下两行代码的正确方法是什么+

$('<div id="'+options.loupeWrap.substring(1)+'"><div id="'+options.loupe.substring(1)+'" /></div>').appendTo(options.appendTo);
$('<div id="'+options.zoomWrapper.substring(1)+'" />').appendTo(options.loupe);

$（''）.appendTo（options.appendTo）；
$（''）.appendTo（options.loupe）；

例如，我看到

$（''）

但不是

$（''）

，我很好奇如何干净地创建一个ID为的div，并使用最佳实践jQuery将其链接到另一个ID为的div，这不仅是因为jQuery非常聪明

我也退房了

是吗

$('<div>')
  .attr('id',outerID)
  .append(
    $('<div>')
    .attr('id',innerID)
  )
  .appendTo(options.appendTo);

$（“”）
.attr（'id'，outerID）
.附加(
$('')
.attr（'id'，innerID）
)
.appendTo（options.appendTo）；

感谢您的输入。

HTML：

<div id="myelement">My Element Content</div>

我的元素内容

JS:

$（“外部Div内容内部Div内容”）。附加到（“#myelement”）；

---

那有什么问题

我就是这样使用jQuery的：

$('<div>', { 
    id: 'outsidediv'
}).append( $('<div>', { 
    id: 'innerdiv'
})).appendTo('#container');

$（''，{
id:“外部分区”
}).append（$（''，{
id:'innerdiv'
})).appendTo（“#container”）；

---

示例：*该示例演示了如何将html添加到divs中

，这是jQuery最基本的行为及其预期用途的一部分。它没有什么不安全的地方（我的意思是，在某种程度上，您传递的是有效的标记和唯一的ID）。问题似乎是它生成了无效的（根据IE）标记，其中createElement获得了IE9中不再允许的html标记。我没有IE9，所以我无法验证什么是有效的，但我认为$（''）是可以的，$（''）是不可以的，我们至少可以让它更优雅，更像jQuery吗？比如$（'div'）.attr（'id'，'outer'）.append（$（'div'）.attr（'id'，'inner'））.appendTo（myelement）或者比现在更干净的东西？我认为$（'outer div ContentInner div Content'）.appendTo（'myelement'）；比attr和appends的队列更具可读性。但它在创建中嵌入了尖括号。在我看来，连锁电话更符合逻辑。但似乎没有其他人有任何建议。我刚刚在IE9中试用了CoolEsh的小提琴，效果很好。因此，如果这个特性恰好是IE9独有的（我不知道），那么jQuery将处理它。

$('<div>', { 
    id: 'outsidediv'
}).append( $('<div>', { 
    id: 'innerdiv'
})).appendTo('#container');