jQuery对象函数.removeData()用于从元素中删除与特定键名相关联的数据
▥前端
𝄐 0
jqueryremove同级元素
jQuery对象函数.removeData()用于从元素中删除与特定键名相关联的数据。这个方法会移除通过.data()设置的任何数据,包括通过.data()动态添加的数据和在HTML标记上使用data-*属性定义的数据。
调用方式如下:
javascript
$(selector).removeData(key);
其中,key是要删除的数据的键名。如果不指定key参数,则会删除该元素上所有已存储的数据。
以下是一个简单的示例,展示了如何使用.data()在元素上存储值以及如何使用.removeData()删除它们:
html
<div id="myDiv">My Div</div>
<script>
$(document).ready(function(){
// 设置两个数据项
$('#myDiv').data('name', 'John');
$('#myDiv').data('age', 30);
// 删除一个数据项
$('#myDiv').removeData('name');
// 输出剩余数据项
console.log($('#myDiv').data());
});
</script>
在这个例子中,我们先使用.data()方法在<div>元素上存储了两个数据项:名字(name)和年龄(age)。接着,我们使用.removeData()方法删除了名字(name)这个数据项,最后使用.data()方法输出了剩余的数据项(只有年龄(age))到控制台。
jQuery对象函数.removeData()用于从元素中删除与特定键名相关联的数据。这个方法会移除通过.data()设置的任何数据,包括通过.data()动态添加的数据和在HTML标记上使用data-*属性定义的数据。
调用方式如下:
javascript
$(selector).removeData(key);
其中,key是要删除的数据的键名。如果不指定key参数,则会删除该元素上所有已存储的数据。
以下是一个简单的示例,展示了如何使用.data()在元素上存储值以及如何使用.removeData()删除它们:
html
<div id="myDiv">My Div</div>
<script>
$(document).ready(function(){
// 设置两个数据项
$('#myDiv').data('name', 'John');
$('#myDiv').data('age', 30);
// 删除一个数据项
$('#myDiv').removeData('name');
// 输出剩余数据项
console.log($('#myDiv').data());
});
</script>
在这个例子中,我们先使用.data()方法在<div>元素上存储了两个数据项:名字(name)和年龄(age)。接着,我们使用.removeData()方法删除了名字(name)这个数据项,最后使用.data()方法输出了剩余的数据项(只有年龄(age))到控制台。
本文地址:
/show-269958.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。