Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

44
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
After executing the preceding code in your console, a new paragraph with a yellow background
appears at the top of your browser window (see Figure 2-6).
Figure 2-6. The new paragraph as it appears after prepending it to the body element
.appendTo() and .prependTo()
In the last example, you had to create an element, store it, and then select the element to which it was
appended. This can be a somewhat roundabout approach, but fortunately, jQuery provides .appendTo()
and .prependTo(), which chain instead to the object to be appended and accept the selector of the
element to which you wish to append.
Using the last example as a starting point, to add the same paragraph element to the body using
.prependTo(), your code would simplify thusly:
$("", {
"text":"I'm a new paragraph!",
"css":{"background":"yellow"}
})
.prependTo("body");