html5的data-*属性,我们一起认识下

html5的data-自定义属性出来很久了,我们一起认识一下。

比如如下一个代码,我们怎么取到对应的name,对应的age?

既然data-*自定义属性是它的一个属性,这个时候就可以用getAttribute获取到他的值。当然也可以通过setAttribute设置属性值,改变其属性。

结果如下

可以看看控制台setAttribute是不是实质性的改变了html结构。

上面是原生js实现获取自定义属性值,那么使用jquery是如何获取自定义的值呢?

看看代码如下

看看效果如下

那我们引申一下呢?当我们进行表格的编辑的时候,是不是通过可以设置data-属性,获取我们取到的每一行的值呢?




原文地址:https://www.cnblogs.com/smart-girl/p/9203713.html