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

58
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
$(":submit").val("Sign In");
.data()
The submit button is called Sign In after running the preceding code snippet.
Previously, you used the .data() method to store information for a test of .remove() and .detach(). The
.data() method does exactly that: it allows you to store information about an element within the jQuery
object in a safe, easy manner.
To give the first two paragraphs in the test document nicknames, store the information using
.data() and then log it in the console:
$("p:first")
.data("nickname", "Pookie")
.next("p")
.data("nickname", "Shnookums");
console.log("My nickname: "+$("p:first").data("nickname"));
console.log("My nickname: "+$("p:eq(1)").data("nickname"));
After executing this script, the following will be logged in the console:
>>> $("p:first") .data("nick...name: "+$("p:eq(1)").data("nickname"));
My nickname: Pookie
My nickname: Shnookums
Data can be added to an element en masse as in JSON format as well:
$("p.foo").data({
"nickname":"Wubby",
"favorite":{
"movie":"Pretty Woman",
"music":"Sade",
"color":"pink"
}
});
console.log("Nickname: "+$("p.foo").data("nickname"));
console.log("Favorite Movie: "+$("p.foo").data("favorite").movie);
The preceding will produce the following output when executed: