我们可以使用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 id="site" data-name="www.gbin1.com"></div>
js: $('#site').html($('#site').data("name"));
result: www.gbin1.com