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

Figure 2-5. The expanded element, including the dynamically added text
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
You can use this technique throughout the rest of the exercises in this book to see where content and
elements are being added to the DOM.
Using .append() and .prepend(), you can also add new elements to the DOM. For instance, to add a
new paragraph at the top of the browser page, prepend a new element to the body using this code:
var para = $("", {
"text":"I'm a new paragraph!",
"css":{"background":"yellow"}
});
$("body").prepend(para);
■ Note This example uses a variable to store the new element before prepending it to the body. This is done to
increase the legibility of the script. You’ll be using this technique often throughout this book.
43