Неужели только я считаю, что следующий код внутренне перевернут?
Я использую эта публикация как ссылку.
// create the inner div
var $inner = $("<div>inner</div>")
// append it to a new outer div
.appendTo("<div>outer</div>")
// next change the jQuery chain to the "outer" div
.parent()
// append the outer div to the body
.appendTo("body")
// finally, go back to the last destructive command,
// giving us back a pointer to the "inner" div
.end();
Мой первоначальный подход заключался в том, чтобы захватить тело, затем добавить внешний к телу, а затем добавить внутренний к внешнему.
Подходя к нему в обратном направлении, а затем прыгая по иерархии с такими вещами, как parent (), мне просто кажется немного любопытным ...

не совсем, все зависит от того, что вы хотите впоследствии связать, использование appendTo дает вам доступ к новому элементу, а не к элементу, к которому вы добавили.
Дело в том, что с jQuery вы можете делать с ним все, что хотите. Если этот стиль вам не подходит, вам не нужно его использовать.
Я считаю, что цепочка методов помогает во многих случаях, но в конкретном случае, о котором вы говорите, я бы сделал что-то другое - я согласен, что это не очень понятно.
Вы можете сделать это и по-другому:
$('body').append('<div>outer</div>').append('<div>inner<div>');
но это оставит вас на body
Чтобы попасть на inner, вам необходимо:
$('body').append('<div>outer</div>').append('<div>inner<div>')
.find('div:contains(inner)');
jQuery 1.3 изменил кучу вещей, поэтому я думаю, что второй абзац может быть излишним, поскольку вы автоматически попадете в div: inner без необходимости поиска.