原生JS：
var dom = document.getElementsByClassName('dtd')
for(var i=0,len=dom.lengthi<leni++){
dom[i].style.color = 'red'
}Jquery
$('.dtd').css({color:'red'})
css中的class是我们在使用过程中的类名，但我们需要给某个标签添加样式时可以用类来命名，而类名的使用是可以重复的，简洁的说就是一个页面可以出现多个类名一样的命名，具备重复使用性，而id一个网页中只能出现一个先看下面的html，两个p 一个div ，都定义了style，设置字体大小，颜色等，这三者的样式都一样，假若所有的html标签都这么写，是不是很麻烦？而且html文档很长，影响下载的效率。<p style="font-size:20pxcolor:#333">this is a p!</p>
<p style="font-size:20pxcolor:#333">this is another p!</p>
<div style="font-size:20pxcolor:#333">this is another div!</div>
于是，css出现了：
如下.font定义了个类。
<style type="text/css">
.font{
font-size:20px
color:#333
}
</style>
于是就可以如下定义样式，和上面的样式的结果相同。
<p class="font">this is a p!</p>
<p class="font">this is another p!</p>
<div class="font">this is another div!</div>
这样更加简介有效率。这就是所谓的“类”，拿出共性。
