Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery Misc data() Method

❮ jQuery Misc Methods

Example

Attach data to a <div> element, then retrieve the data:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});
Try it Yourself »

Definition and Usage

The data() method attaches data to, or gets data from, selected elements.

Tip: To remove data, use the removeData() method.


Return Data from an Element

Returns attached data from a selected element.

Syntax

$(selector).data(name)

Parameter Description
name Optional. Specifies the name of data to retrieve.
If no name is specified, this method will return all stored data for the element as an object


Attach Data to an Element

Attach data to selected elements.

Syntax

$(selector).data(name,value)

Parameter Description
name Required. Specifies the name of data to set
value Required. Specifies the value of data to set

Attach Data to an Element Using an Object

Attach data to selected elements using an object with name/value pairs.

Syntax

$(selector).data(object)
Try it Yourself »

Parameter Description
object Required. Specifies an object containing name/value pairs

❮ jQuery Misc Methods

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.