# jQuery.removeData()

## jQuery.removeData ( element, name ) Returns: jQuery version added: 1.2.3

- element
  Type: Element
  A DOM element from which to remove data.

- name
  Type: String
  A string naming the piece of data to remove.

Description: Remove a previously-stored piece of data.

Note: This is a low-level method, you should probably use `.removeData()` instead.

The `jQuery.removeData()` method allows us to remove values that were previously set using `jQuery.data()`. When called with the name of a key, `jQuery.removeData()` deletes that particular value; when called with no arguments, all values are removed.

## Examples:

#### Example: Set a data store for 2 names then remove one of them.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      div {
        margin: 2px;
        color: blue;
      }
      span {
        color: red;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>

    <div>value1 before creation: <span></span></div>
    <div>value1 after creation: <span></span></div>
    <div>value1 after removal: <span></span></div>
    <div>value2 after removal: <span></span></div>

    <script>

    var div = $( "div" )[ 0 ];
    $( "span:eq(0)" ).text( "" + $( "div" ).data( "test1" ) );
    jQuery.data( div, "test1", "VALUE-1" );
    jQuery.data( div, "test2", "VALUE-2" );
    $( "span:eq(1)" ).text( "" + jQuery.data( div, "test1" ) );
    jQuery.removeData( div, "test1" );
    $( "span:eq(2)" ).text( "" + jQuery.data( div, "test1" ) );
    $( "span:eq(3)" ).text( "" + jQuery.data( div, "test2" ) );

    </script>

    </body>
    </html>

#### Demo: