需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data','test')。
3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。
我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
工具/材料Sublime Text
01首先新建一个文件夹，在文件夹下面建立如下图所示的文件
02接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
03然后我们在Head标签内用link标签引入CSS文件，如下图所示
04最后用Script标签引入JS文件即可，如下图所示
HTML中引用JS 步骤如下：
1、打开电脑端html编辑器，然后新建HTML文件，以便待会用来引入js文件。
2、如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload,然后在花括号里面写js代码。
3、而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。
4、也可以新建js文件，把html和js分离。
5、然后在js文件里面写代码，注意不要用script标签。
6、然后在script里面用src来把之前的js文件链接好即可。
