解释以下jQuery：$（'h1'）。append（$（'h1 + h2'））;

Question

这是我的一项考试的问题。

我已经在jsfiddle中运行了代码，似乎发生的是h2的字体大小急剧增加。因此看来h2继承了h1的属性及其属性，但是h1并不受影响，所以我不确定。

阐明发生的事情的最好方法是什么？

$('h1').append($('h1 + h2'));

https://jsfiddle.net/xpvt214o/895626/

Answer 1

您附加了一个H1元素内的元素。预期结果将是：

<h1>
heading1
<h2 id='dude'>
subheading2
</h2>
</h1>

代替您拥有的：

<h1>
heading1
</h1>

<h2 id='dude'>
subheading2
</h2>