jquery - 理解 Jquery 执行流程的技巧

Question

我是 JQuery 新手。我写了一小段代码( fiddle )。我想知道是否有人可以阐明我所写语句的执行顺序。

HTML:

<span>I</span>
<span>Love</span>
<span>JQuery</span>

​JavaScript:

$(function() {
    $('<a>Url</a>').attr('href', 'http://www.jquery.com').appendTo('body');
    $('<span>More</span>').appendTo('body');
    $('span'.text());
});​

我期待输出“Url I Love JQuery More”，但正如您所看到的，输出是“I Love JQuery UrlMore”。为什么输出是这样的顺序？请帮忙

Answer 1

appendTo 将一个元素插入到目标的末尾。如果您想将元素插入到目标的开头，请使用 prependTo 相反:

$(function() {
    $('<a>Url</a>').attr('href','http://www.jquery.com').prependTo('body');
    $('<span>More</span>').appendTo('body');  
});​

这边，<a>Url</a>插入到 body 的开头，和<span>More</span>最后，产生您期望的字符串 Url I Love JQuery More .

DEMO .

在你的 fiddle 中，还有这一行 $('span'.text());这是错误的。要获取跨度的文本，请使用 $('span').text()相反。