jquery 之 数据处理$.data,,.data

  我们可以使用data方法来绑定数据到DOM元素,也可以删除,判断是否存在:

var $p = $("p"),p = $p[0];

$.data(p, "site", "gbin1.com");
$p.append($.hasData(p)+" ");    // true
$.removeData(p);
$p.append($.hasData(p)+" ");    // false

HTMl5中我们大量使用data-tag标签,帮助我们快速的将数据绑定到标签上,在jQuery中,也提供了对应的方法data()来帮助我们快速实现类似功能:

html:  <div  data-name="www.gbin1.com"></div>

js:    $('#site').html($('#site').data("name"));
result: www.gbin1.com