id的主要作用是供前端脚本（即js）获取网页元素对象的，由于它具有唯一性，因此使用比较简便；而name则用于后台脚本获取网页中表单所提交的数据，所以它一般用于表单控件（如文本输入框、单选按钮、下拉框等等），js也可通过name获取元素，但由于它可重复，所以获取的是对象数组。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：
var a = '通过id获取：' + $('#test').html()
var b = '通过标签名获取：' + $('div').html()
$('body').append('<br/>' + a)
$('body').append('<br/>' + b)
3、浏览器运行index.html页面，此时成功通过id和标签名称获取到了节点并打印了节点内容。
一间屋子里有很多人，id 是人名，class 是大家穿的衣服。两个人有相同的名字就会出现混淆，而两个人穿了同样的衣服则没问题
id 是元素名称，可以供 js 或其它脚本程序访问该元素
class 是该元素的 css 类名
id 具有唯一性：id 在一个页面里的唯一性
class 具有普遍性
优先级来看： Style ＞ id ＞ class ＞ 缺省的 HTML 元素
