jQuery data() Method

Last Updated:

jQuery data() Method

The jQuery data() method stores arbitrary data associated with the matched elements.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery data() Method</h1> <div> We have <span></span> players to play <span></span> </div> <script> $(document).ready(function(){ $("div").data("test", {count: 11, game: "football"}); $("span:first").text( $("div").data("test").count ); $("span:last").text( $("div").data("test").game ); }); </script> </body> </html>

Syntax

$(selector).data(key, value); // or $(selector).data(obj);

Parameter Values

Value Explanation
key Specifies a string naming the piece of data to set.
value Specifies the new data value; this can be any Javascript type except undefined.
obj Specifies an object of key-value pairs of data to update.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
data()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author