如何在 DOM 中存储数据？

在本文中，我们将学习将数据存储到 DOM 元素。

如果我们想在 HTML 标签中保存一些数据，我们可以使用 jQuery .data() 方法来存储数据，以后也可以使用相同的方法检索这些数据。

句法：

$(selector).data(name)

属性值：

• name：定义要存储的数据的名称，是一个可选参数。

注意：如果未指定名称， .data()方法将返回该特定元素的所有存储数据。

HTML 代码：让我们看一个例子来了解如何使用.data()方法将数据存储到 DOM。

HTML

    
    
     

  

    GeeksforGeeks
    Enter the value to store:
  
    
    
    Store entered data
    View data 
    
    
    
    $(document).ready(function(){
     // We are setting user data to data tag 
         $("#b1").click(function(){
         var d=($("#data").val());
         $("#data").data("userdata",d);
      });
      //Displaying data after accessing from data tag 
      $("#b2").click(function(){
         $("#display").html($("#data").data("userdata")) ;
          
      });
    });
   

    

输出：

数据（）方法