jQuery中的data方法用于在DOM元素上存储和获取数据。它提供了一种方便的方式来关联数据与元素,而不需要直接操作DOM属性或使用全局变量。语法结构:1.存储数据:$(selector).data(key,value)-key:数据名称(字符串)-value:要存储的值(可以是任意类型)2.获取数据:$(selector).data(key)-返回与指定key关联的值3.获取所有数据:$(selector).data()-返回一个包含所有存储数据的对象4.存储多个数据:$(selector).data({key1:value1,key2:value2...})实例代码://存储数据$("#myDiv").data("username","John");$("#myDiv").data("settings",{color:"blue",size:"large"});//获取数据varname=$("#myDiv").data("username");//返回"John"varcolor=$("#myDiv").data("settings").color;//返回"blue"//存储多个数据$("#anotherDiv").data({"temp":25,"active":true});//获取所有数据varallData=$("#anotherDiv").data();//allData将是{temp:25,active:true}注意:使用data方法存储的数据不会直接显示在HTML中,而是由jQuery内部管理。当元素被移除时,关联的数据也会被自动清除。
