需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data', 'test')。
3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。
1、首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。
2、在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。
3、js代码里，为按钮添加点击事件，点击后，就用jquery设置姓名输入框的disabled属性，设置为false，这样输入框就不能输入了，为禁止状态了。只要调用jquery的 attr方法，然后输入属性的名称和值就行了：$("#name").attr('disabled', true)。
4、运行页面，可以看到现在的输入框是可以输入的，是正常状态的，点击一下“修改”按钮。
5、点击后，输入框就变成了禁止状态了，成功设置了输入框的属性。
有这样一个场景： v-for 渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性 data-wow-delay='0.8s' ，实现如下：
可以得出一个给元素添加自定义属性的方法
当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。
