jQuery中使用data()方法读取HTML5自定义属性data-*实例

1、key，value ).data(obj ).data(key ).data()从jQuery 3起，HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

2、dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属性都有一个对应的属性，只不过该属性名没有data-前缀。【兼容性】需要注意的是，dataset中大小写的问题。

3、两种方法 ①使用attr方法获得data-*的值 $(this).attr(data-id)；② $(this).data(id) data-* 都可以使用 $(this).data( * )；获取，比如 data-cat ，使用$(this).data(cat)获取。

4、其中一个方法就是 .data(obj)，这个方法是在jQuery3版本后出现的，它能返回相应的data属性。

5、Html5 data-* 属性定义和用法：data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

6、jquery中data() 方法向被选元素附加数据，或者从被选元素获取数据。jquery中data() 方法向被选元素附加数据，或者从被选元素获取数据。这使我们通过HTML自定义属性，操作数据，显得非常方便。

如何获取Input标签自定义属性的值

input type=text name=s01 data=自定义数据信息 / JavaScript代码：因为data不是input标签原生的属性，所以不能使用点操作。非标准属性，要用：obj.getAttribute(data)；的方式。

一般这种取值你可以给INPUT加上一个自定义属性如 (+)；去的时候直接是 (input[tdindex=3]).eq(0).val()；// tdindex属性就是自定义的属性，可任意取，这边可以理解成第3列的input元素。

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#txt).val(添加值)；$(#txt).attr(data， test)；。

jquery获取table里INPUT的值

1、首先，我们打开jquery并创建一个新的HTML文件。然后我们创建一个表单表单。如图所示，我们可以看到此时，一个元素下的所有输入元素都没有被选中。然后介绍jquery.js。

2、一般这种取值你可以给INPUT加上一个自定义属性如 (+)；去的时候直接是 (input[tdindex=3]).eq(0).val()；// tdindex属性就是自定义的属性，可任意取，这边可以理解成第3列的input元素。

3、(this).parent().parent().children(tdinput)[0]注意 这里你用了[0]这个，此时选出来的对象已经变成DOM对象了。。已经无法用val()这个函数了。

4、jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个，index表示元素的位置（最小为 0）。

5、利用Jquery获取table的td的值。