使用jQuery和链接操作DOM元素(Manipulating DOM elements with jQuery and chaining)

 玩jQuery有点（对不起，完全noob）我想知道为什么这不起作用。 也许我没有获得链接，上下文和DOM操作的方式，但我只是好奇。 这里是： 
 
$("#myDiv")
    .append("h3")
    .append("a")
    .attr("href", "http://example.com")
    .text("Click here")
    .end();
 
 我希望发生的事情是： 
 
 
 
 选择#myDiv 
 
 
 在里面插入一个H3 
 
 
 然后在H3里面插入一个A标签 
 
 
 将A标签的HREF属性设置为一个URL 
 
 
 然后将A标签的文本设置为“Click Here” 
 
 
 相反，我的页面的标记似乎完全搞砸了，虽然我看不到动态DOM，所以我不知道发生了什么。 我读的jQuery文档错了吗？ 

Playing around with jQuery a bit (sorry, complete noob) I was wondering why this does not work. Maybe I'm not getting the way chaining, context and DOM manipulation works, but I'm just curious. Here it goes:
 
$("#myDiv")
    .append("h3")
    .append("a")
    .attr("href", "http://example.com")
    .text("Click here")
    .end();
 
What I would expect to happen:
 
 
 
Select #myDiv
 
 
Insert an H3 inside it
 
 
Then inside the H3, insert an A tag
 
 
Set the A tag's HREF attribute to a URL
 
 
And then set the A tag's text to "Click Here"
 
 
Instead my page's markup seems to get completely screwed up, although I can't see the dynamic DOM so I'm not sure what's happening. Am I reading the jQuery documentation wrong? 

原文：https://stackoverflow.com/questions/6298048