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数据
    </script> 

  注意：在元素data-*属性中设置json数据时，须要注意单双引号，不然可能出现undefined的,获取不到数据。正确的作法是用双引号。

data方法之存储数据:

<div id="container">这是一个div标签</div>

 <script type="text/javascript">
     $("#container").data("name", "lichaoqiang");//存储数据
     console.log($("#container").data("name"));//经过name读取数据
 </script>

  但愿以上的介绍，可以帮助你们！