jQuery.data() 是一个 jQuery 对象方法,用于向 DOM 元素绑定数据或获取已经绑定的数据
▥前端
𝄐 0
jquery是干什么的,jquery官网,jquery还有必要学吗,jquery插件库,jquery对象访问的方法,jquery入门教程
jQuery.data() 是一个 jQuery 对象方法,用于向 DOM 元素绑定数据或获取已经绑定的数据。它可以将任何类型的数据关联到 HTML 元素上,并且这些数据不会与元素的其他属性混淆。
例子:
1. 绑定数据
html
<div id="myDiv">Click me!</div>
javascript
// 绑定数据
$('#myDiv').data('name', 'John');
2. 获取数据
javascript
// 获取数据
var name = $('#myDiv').data('name');
console.log(name); // 输出 John
3. 移除数据
javascript
// 移除数据
$('#myDiv').removeData('name');
4. 处理对象
javascript
// 处理对象
var obj = { name: 'John', age: 30 };
$('#myDiv').data('person', obj);
var person = $('#myDiv').data('person');
console.log(person.name); // 输出 John
在这个例子中,我们首先使用 data() 方法将字符串 "John" 关联到 ID 为 myDiv 的 div 元素上。然后我们使用相同的方法获取该数据并将其存储在变量 name 中。最后,我们使用 removeData() 方法将数据从元素中删除。另一个例子展示了如何将一个对象与元素相关联以及如何访问对象中的属性。
jQuery.data() 是一个 jQuery 对象方法,用于向 DOM 元素绑定数据或获取已经绑定的数据。它可以将任何类型的数据关联到 HTML 元素上,并且这些数据不会与元素的其他属性混淆。
例子:
1. 绑定数据
html
<div id="myDiv">Click me!</div>
javascript
// 绑定数据
$('#myDiv').data('name', 'John');
2. 获取数据
javascript
// 获取数据
var name = $('#myDiv').data('name');
console.log(name); // 输出 John
3. 移除数据
javascript
// 移除数据
$('#myDiv').removeData('name');
4. 处理对象
javascript
// 处理对象
var obj = { name: 'John', age: 30 };
$('#myDiv').data('person', obj);
var person = $('#myDiv').data('person');
console.log(person.name); // 输出 John
在这个例子中,我们首先使用 data() 方法将字符串 "John" 关联到 ID 为 myDiv 的 div 元素上。然后我们使用相同的方法获取该数据并将其存储在变量 name 中。最后,我们使用 removeData() 方法将数据从元素中删除。另一个例子展示了如何将一个对象与元素相关联以及如何访问对象中的属性。
本文地址:
/show-269952.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。