data方法

jquery中data函数的用法示例

天涯浪子 提交于 2020-04-07 17:21:28
jquery中data() 方法向被选元素附加数据,或者从被选元素获取数据。这使我们通过HTML自定义属性,操作数据,显得非常方便。通常我们也会通过给html自定义属性这样的做法,来存储和操作数据。在jquery中也给我们 提供了data(name,value)这样的方法,来非常方便的实现。有了data()这个方法,你就可以很方便的在一个html标签中添加data-*这样的自定义属性。接下来,就data()方法简单的做下了解。 以下是摘自w3school中对data用法的说明: data方法从元素中读取数据的语法: $( selector ).data( name ) name:可选。规定要取回的数据的名称。 如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。 data方法从元素中存储数据的语法: $( selector ).data( name,value ) name:必需。规定要设置的数据的名称。 value:必需。规定要设置的数据的值。 当然,我们在这里,也可以把一个包含键/值对的对象,向被选元素添加数据。语法如下: $( selector ).data( object ) object:必需。规定包含名称/值对的对象。 Html代码如下: data方法之读取数据 : <div id="divName" data-name="lichaoqiang"