前端的class和id 的区别

最新推荐文章于 2024-05-16 21:48:05 发布
最新推荐文章于 2024-05-16 21:48:05 发布
阅读量3.2k 收藏 7
点赞数 3
分类专栏： 前端   css 文章标签： html  class 和id
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Revin_hu/article/details/100124913
版权

前端的class和id 的区别

作为初学者，通常的看到标签的引用，会出现class和id 的关键字。区别如下：

1、”id“就如同身份证的一样，每个人只有个身份证号，也就是一个人，定义了一个唯一的标识。在调取元素的时候一一对应。如下：获取用户名和密码的元素值。是从”id“中拿到。
在这里插入图片描述
2、“class”意味着这个世界上，有可能使用同一个名字，他们的身份证号可能不同，但如果他们同是一类人的话，比如中国人。那么，我就可以定义这一类人的特征。这个群体共同的特征，聪明，勤劳，还长得帅。
如下：
同用class=“test”
在这里插入图片描述

css定义test的样式

在这里插入图片描述

Revin hu
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html css中id和class的区别
cui_angel的专栏
06-11 2083
id和class属性是网页中两个通用的属性，它们协同工作使整个页面变得丰富多彩。当我们为一个元素定义样式时。可以使用id，也可以使用class。但是我们也应该注意这两者的区别。  1、在css样式表中书写时，id选择符前面应该加前缀符号“#”，而class选择符前面应该加前缀符号“.”  2、id属性一般在一个页面中只可以使用一次，而class可以被多次引用  3、id作为元素的标签，用于区
前端样式类操作----class属性
普罗旺斯_浅笑的博客
03-06 1773
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>对class进行操作</title> <script src="js/jquery.js"></script>
Web前端最全Vue中设置class类样式，阿里前端岗面试百题
2401_84619606的博客
05-16 292
可以发现:class="[‘thin’,‘red’,‘italic’,‘active’]"的写法和class="thin red italic active"的效果时一样的，甚至。2、三元表达式。
前端属性id和class区别
alqrh64680的专栏
11-16 603
1、使用区别id具有唯一性，在一个网页中同一个命名只能使用一次；class命名的类可以在一个网页中使用无数次。2、css中区别id在css代码中是以“#”井号符号开头命名的类class在css代码中是以“.”小写句号符号命名开头的类3.id和class都可以在网页中任何标签内使用。一般比较重要的部分、比较特别的盒子使用id，而小局部不重要的或小结构使用class。id调用css中以“#”...
前端关于class上静态属性(私有属性和公有属性不讲解了)
qq_43853213的博客
05-15 623
class上的 静态属性 static 不能通过实例之后的对象变量来访问 只能通过类名来调用 class Person { static names = 'zs' show() { } } let p = new Person() console.log(Person.names); // zs console.log(p.names); // unde.
前端深入理解JavaScript面向对象编程与Class
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
09-14 1725
面向对象编程（Object-Oriented Programming，简称OOP）是一种编程范式，它将程序中的对象作为基本单元，通过封装、继承和多态等机制来组织和管理代码。面向对象编程将现实世界中的实体抽象为代码中的对象，对象拥有自己的状态（属性）和行为（方法），并与其他对象进行交互。封装（Encapsulation）：将数据和操作数据的方法封装在一个对象中，使其成为一个独立的实体，外部无法直接访问对象的内部实现细节。继承（Inheritance）
前端中id、name、value的区别
热门推荐
西山枫叶
10-10 1万+
id 编号id具有唯一性，一个id只出现一次。 一般在JavaScript中经常出现。 value 1.按钮中用的value 指的是按钮上要显示的文本 比如“确定”“删除”等 2.复选框用的value 指的是这个复选框的值 3.单选框用的value 和复选框一样 4.下拉菜单用的value 是列表中每个子项的值 5.隐藏域用的value 是框里面显示的内容 在后台如果你想得到复选框的内容 就是v...
前端 HTML 和 CSS 代码示例.rar
最新发布
05-30
基本的CSS选择器有类型选择器（如`p`）、类选择器（如`.class`）、ID选择器（如`#id`）以及属性选择器（如`[attr]`）。CSS还可以通过盒模型来控制元素的尺寸、内边距、边框和外边距，以及使用Flexbox或Grid布局进行...
第6章 前端面试技能拼图4： 知识广度 - 从前端到全栈
03-13
5. **AJAX与Fetch API**：掌握异步数据获取技术，了解XMLHttpRequest与Fetch API的区别和使用场景，理解跨域资源共享（CORS）策略。 6. **框架与库**：熟悉React、Vue、Angular等主流前端框架的原理和应用，包括...
2023最新前端面试题总结
05-30
important > inline style > id 选择器 > class 选择器 > tag 选择器。 盒子实际宽度或高度 盒子的实际宽度或高度是指元素的内容宽度或高度加上 padding、border、margin 的宽度或高度。 CSS 盒模型 CSS 盒模型...
第4章 前端面试技能拼图2 ：前端基础知识 ， 必知必会
03-13
理解不同标签的作用，如`<head>`、`<body>`、`<div>`、`<p>`、`<a>`等，以及如何通过属性来控制元素的行为，例如`href`、`src`、`id`、`class`等，是基础中的基础。 2. CSS（层叠样式表）： CSS负责网页的样式和...
阿里前端开发规范.pdf
10-21
* 选择器：CSS 选择器应该使用 class 选择器，而不是 id 选择器 阿里前端开发规范是一个非常严格的开发规范，它涵盖了前端开发的各个方面，旨在提高开发效率、代码质量和团队协作。遵循该规范，可以帮助开发者编写...
常用文件标识符classID
WLINX
10-15 3999
classID：（类标识符）也称为CLASSID或CLSID，是与某一个类对象相联系的唯一标记(UUID)。一个准备创建多个对象的类对象应将其CLSID注册到系统注册数据库的任务表中，以使客户能够定位并装载与该对象有关的可执行代码。 如：控制面板 {21EC2020-3AEA-1069-A2DD-08002B30309D}、计划任务 {D6277990-4C6A-11CF-8D87-00AA00...
ID和class有什么区别？
web_zyx的博客
07-29 4488
大家好，我是IT修真院武汉分院学员曾健，一枚正直纯洁善良的WEB程序员 今天给大家分享一下，修真院官网前端js任务1，深度思考中的知识点——ID和class有什么区别？ 一，背景介绍 HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的 元素就是通过CSS选择器进行控制的。本次讲的id和Class就是id选择器和类选择器。 二.知识剖析 从语义...
ID和Class有什么区别？
天心天地生的博客
10-23 1821
对于CSS而言，id和class都是选择器，唯一不同的地方在于权重不同。如果只说CSS，上面那一句话就讲完了。拓展出来，对于html而言，id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的，而class属性值可以重复。id还一个老特性是锚点功能，当浏览器地址栏有一个#xxx，页面会自动滚动到id=xxx的元素上面。 二者主要的区别 id你只能用来定义单一元素，定义二个以后。...
前端提高篇(八十六)：jQuery的class属性操作addClass()与removeClass()、hasClass()、toggleClass()
安之ccy的博客
03-29 1600
1.addClass()与removeClass()基本使用 addClass：添加class；removeClass：移除class，返回this对象，支持链式操作 $('div').addClass('test').removeClass('test'); 另： 当一个方法要取值时返回要取的值；不需要返回时，返回this对象，方便链式调用 就像text()，当取文本时，返回文本；设置文本时，返回this console.log ($('div').text()); console.log ($('di
html中id和class的区别，命名需要注意那些？
刺心的博客
10-13 1143
id是唯一的，也就是说同一页面中不允许出现同样名字的id； class是可多用性的，比如三个div都命名同一个class，然后你只需要对这一个class设置样式即可，然而id不可以。 开发当中命名需要注意那些呢？ 1.最好用驼峰命名法，命名规范，入门级的程序员都是以拼音或者首拼来命名，这样不规范，在正规点的公司是不允许这么命名的。 2.不管是cl...
前端常用class类名，命名规范 ---kalrry
kalrry
12-12 4457
前端常用class类名---命名规范 ---kalrry 头部：header 栏目标题：title 内容：content、container 版权：copyright 搜索：search 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 滚动：scroll 友情链接：friendlink 侧栏：sidebar 栏目：column 页面外围控制整体宽度：wrapper 左右中：left、right、center
前端中标签属性 id与name的区别
goodfake
04-17 1637
1、 前端可以利用id获取数据，也可以利用name获取数据， 若后台获取前端提交的数据，只能利用name获取值 2、这里如果id或者name对应的值不存在，那么用id 取得值为empty，也就是''; 用name取得值为null，也就是null ...
前端class类和id
03-25
前端class类和id类的最基本区别是，class类可以同时应用于多个HTML元素上，而id类只能应用于一个HTML元素上。此外，class类也可以添加多个类名，而id类只能有一个唯一的ID名称。在应用CSS样式时，可以使用类名和ID...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值