jquery data可以存多大数据

jquery data可以存多大数据

jquery中data() 方法向被选元素附加数据，或者从被选元素获取数据。
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">单个数据:data-name="lichaoqiang"</div>
<div id="divJson" data-user='{"user_id":20141111,"user_name":"lichaoqiang"}'>存储json数据:{"user_id":20141111,"user_name":"lichaoqiang"}</div>
<script type="text/javascript">
console.log($("#divName").data("name")); //通过name输出单个数据
console.log($("#divJson").data("user").user_name); //通过name输出json数据

使用data方法可以避免在dom中存储数据，有些前端开发者喜欢使用html的属性来存储数据： $('selector').attr('alt', 'data being stored'); //之后可以这样读取数据: $('selector').attr('alt'); 使用”alt”属性来作为参数名存储数据其实对于html来说是不符合语义的，我们可以使用jquery的data方法来为页面中的某个元素存储数据。 $('selector').data('参数名', '要存储的数据'); //之后这样取得数据: $('selector').data('参数'); 这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储数据信息。 网上找的，好吧，我只能跟楼上一个回答，是的，还真就是这个意思

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息