JS中class和id有什么区别

1、背景介绍

元素唯一的ID:

在元素的开始标签中输入id名,格式 id="name",name是id的名称,程序员自己起,这个id是唯一识别元素的名称,name不能有数字或者空格。 id个人建议是用来作为当前文档的链接,在文档中进行跳转的时候使用,HTML 文档中的每个 id 都必须是唯 一的。 换句话说,一个页面里不能出现两个具有相同 id 的元素,并且每个元素都只能有一个id。相同的id可以出现在不同的页面里, 同一 id也不一定每次都赋给同一元素,尽管这是惯常的做法。

元素的类别:

class是一个选择器,可以理解为一个标识,用来标识特定的标签,在英文中,class意为班级;阶级;分类;种类, 与id的唯一性不同,一个class类名可以被不一样的标签反复引用。

 

2.常见问题

优先级问题

渲染速度的问题

4.解决方案

在样式表达式定义一个样式的时候,可以定义id也可以定义class。

1、在CSS文件里书写时ID加前缀“#”;Class用“.”

2、id一个页面只可以使用一次;class可以多次引用。

3、ID是一个标签,具有唯一性,用于区分不同的结构和内容;而class可以在不同的结构内容里反复引入。 目前浏览器还都允许用多个相同的ID,在css中能够正常显示,不过当你需要用JavaScript通过id来控制标签时就会出错。

 

Q:我在css里一个id标签可以反复使用,为什么在js不可以了呢?

A:其实大家在刚接触id和class的时候,教材里就写的很清楚了id选择器是唯一的,只能调用一次,这个标准就是为js而设定的。

 

Q:class和id在js里的调用方式不一样吗?

A:对的,不一样

 

Q:什么时候用id,什么时候用class呢?

A:如果你只调用一次,就用id,否则只能选择class

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值