Tips to understand Jquery execution flow

I am new to JQuery. I wrote a small piece of code (fiddle). I was wondering if someone could throw some light on the order of execution of the statements i wrote.

The HTML:

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

​The JavaScript:

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

I was expecting an output of Url I Love JQuery More but the output, as you can see, is I Love JQuery UrlMore. Why is the output in that order? Please help

Rating: 4 out of 5 based on 4 ratings

Posts Related to Tips to understand Jquery execution flow

• Jul 10th, 2012 facebook - Pagelets in PHP Tuesday AM 03:12:55


• Jul 19th, 2012 html - Radio Button in header Thursday AM 00:06:14


• Aug 11th, 2012 Why does Java code need to be compiled but JavaScript code does not Saturday AM 02:09:42


• Jul 26th, 2012 Javascript hit counter for a website Thursday PM 15:28:17


• Aug 14th, 2012 node.js - javascript unassigned default function parameters Tuesday AM 04:03:12


• Jul 21st, 2012 php - Disabling Javascript execution when loggining in Saturday AM 06:28:48


• Aug 11th, 2012 Consequences of this javascript code Saturday PM 12:25:09


• Aug 03rd, 2012 Is it possible to recode a simple snippet of PHP to javascript? Friday AM 00:53:00


• Jul 23rd, 2012 dom - JavaScript Hacking Monday AM 09:20:50


• Jul 14th, 2012 New to javascript don't understand arrays Saturday AM 01:01:59

The post Tips to understand Jquery execution flow appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/tips-to-understand-jquery-execution-flow.html