id和class都是css选择符最常用的,它们主要有以下的区别:
1.同个网页,id只能出现一次,不可重复。class可以出现任意多次
2.id的css选择符权重100,class10
3.原生JS提供getElementById()方法,支持通过id对应到相关的元素,但JS不支持通过class对应到相关html元素
因为id不能重用,导致限制网页的扩展。比如我们使用某个id标记元素,并实现了某个方法,这个情况下,因为使用了id挂钩,会导致不能重用。
因此建议尽量使用class。或者在使用过程中考虑下此元素挂钩的方法是否会被多次使用,如果会, 就不要用id了