使用jQuery将data属性设置为div

Question

我试图将数据属性设置为以前没有任何值的div.

<div></div>

使用jQuery,第一种方法(数据)不做任何事情,但是attr方法可以正常工作.

var div = $('div');
div.data('superhero_one','batman');
div.attr('data-superhero_two','spiderman');

http://jsfiddle.net/5bT8p/

我错误地使用了数据功能吗？

Answer 1

它确实有效!

其背后的实际情况是,您在使用时无法看到实际属性,.data()因为jquery在内部设置了该属性.但是.attr()为要检查的元素添加了一个属性.

看到这个演示--> http://jsfiddle.net/5bT8p/1/