开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用class而不是id的好处

是可以实现样式的复用和灵活性。

样式复用：通过使用class，可以将相同的样式应用于多个元素。这样可以减少代码量，提高开发效率。同时，如果需要修改样式，只需修改class的定义，所有使用该class的元素都会自动更新样式。
灵活性：使用class可以为元素添加多个class，从而实现多样式的组合。这样可以根据不同的需求，灵活地组合和切换样式，实现更丰富的页面效果。
选择器灵活性：使用class作为选择器，可以通过选择器的组合、嵌套等方式，更精确地选择元素，并应用相应的样式。这样可以实现更精细的样式控制。
代码维护：使用class可以使HTML结构与样式定义分离，提高代码的可读性和维护性。通过给元素添加有意义的class名称，可以更清晰地表达元素的用途和语义，方便其他开发人员理解和修改代码。
兼容性：使用class选择器的兼容性更好，几乎所有的浏览器都支持class选择器。相比之下，id选择器在某些情况下可能会出现兼容性问题。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。产品介绍链接
云原生容器服务（TKE）：提供高可用、弹性伸缩的容器化应用管理平台。产品介绍链接
人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建智能应用。产品介绍链接
物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，支持设备接入、数据管理和应用开发。产品介绍链接

相关搜索:如何基于Class而不是Id进行Google音译使用slugs而不是id 为什么使用` `attr(x，"class")`而不是`class(x)`？使用SVN而不是CVS有什么好处？使用NAnt而不是MSBuild有什么好处？使用django-channel而不是不使用它的好处在jquery中使用attr()而不是addClass的好处使用Passenger而不是Mongrel群集有什么好处？Scrapy:从使用"id“选择器而不是"class”的html标记中提取数据使用slug而不是ID获取记录可能时使用slug而不是ID 选择div中的div，而不使用class或ID 运行Spring的.class而不是.jar文件使用@RunWith(Cucumber.class)而不是@RunWith(CucumberWithSerenity.class)运行特性使用"Class &Class::Function()“的单例模式？为什么是引用而不是指针？使用Objective-C而不是C++有什么好处使用syslog而不是其他日志设备有什么好处？使用委托而不是制作中间方法有什么好处？Laravel - Name而不是ID 引用名称而不是id

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

[C++11札记]: std::bind

在上一篇文章中，我们提到可调用对象(callable object)，其中一种就是std::bind表达式。在这篇文章中，我们来谈谈std::bind表达式。

06

最常见的 20 个 jQuery 面试问题及答案

JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.

03

jquery面试题目_高并发面试题

() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入

01

python面向对象

类中把某些属性和方法隐藏起来(或者说定义成私有的)，只在类的内部使用、外部无法访问

02

java策略模式例子_java 登录场景策略模式

Java的策略模式中体现了两个非常基本面向对象的原则 -封装变化的概念 -编程中使用接口，而不是对接口的实现

03

同学你根本不懂 Builder 设计模式！

在日常开发中，发现有些同学喜欢用 lombok 的 @Builder 注解，主要原因是喜欢使用链式编程。但如果一个方法里面多个对象都使用 builder 模式，每个对象构建都放在一行使用，代码过长；如果每个属性设置都滑换行，占的行数就很多，导致可读性降低。

02

Java面向对象的三大特征以及理解

Java中的封装是指一个类把自己内部的实现细节进行隐藏，只暴露对外的接口（setter和getter方法）。封装又分为属性的封装和方法的封装。把属性定义为私有的，它们通过setter和getter方法来对属性的值进行设定和获取。下面我举一个简单的封装例子

04

【想进大厂还不会阅读源码】ShenYu源码-重构同步数据服务

ShenYu是一个异步的，高性能的，跨语言的，响应式的 API 网关。有关ShenYu的介绍可以戳这。

08

JS和jQuery的区别

一、本质上的区别 1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。

00

JQuery语法：查找+操作

jquery的基础语法：$(selector).action() 即查找元素.操作一、查找元素（选择器和筛选器） 1.1 选择器 1.1.1 基本选择器

06

【HTML】HTML5
元素布局的使用

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

02

android将字符串转化为json,将string转换为JsonArray「建议收藏」

只是在这里混合另一种方法，我想build议看看Gson 。 Gson是一个使Java对象序列化和反序列化的库。例如，用你的string，你可以这样做：

02

Spring使用 --- 基本概念（一）：DI，依赖注入

本文讲述sprint基本概念之一： DI，即依赖注入。什么是依赖注入说类A依赖于类B，最简单的例子是类A有一个类型为类B的成员变量。依赖注入是指类A不用关心类B对象如何创建，它只知道有一个类B的对象，只需要使用就行了。这样有几个好处：可以很容易替换类B的对象，达到不同的效果类A更容易测试。只需要创建一个类B的mock对象即可。类A与类B解藕不使用依赖注入时，类A负责创建类B的对象，写法如下： class A { B b; A (){ // 此处A创建一个B

02

php链式操作的实现

一、什么是链式操作？直接说链式操作，也许大家不清楚是什么，但是在平时使用框架的过程中，大家肯定见到过这样子的使用： $db->where()->limit()->order(); 这种链式操作写法的

07

[Objective-C] id类型和instancetype类型

id数据类型可以存储任何类型的对象。可以说，它是一般对象类型。例如可以声明一个为id类型的变量：

01

MyCat - 使用篇（2）

表被水平切分后，每个分片表所在的数据库就是一个分片节点。一个分片节点对应一个数据库（mysql数据库）。一个分片节点只能保存每个分片表的一个分片，因为db中不允许出现同名的表。例如：

02

Hibernate之延迟加载

文章目录 1. hibernate之延迟加载 1.1. 什么是延迟加载 1.2. 好处 1.3. 如何使用延迟加载 1.4. 使用延迟加载需要注意的问题 hibernate之延迟加载什么是延迟加载在使用某些Hibernate方法查询数据的时候，Hibernate返回的只是一个空对象(除了id外属性都为null)，并没有真正的查询数据库。而是在使用这个对象的时候才会出发查询数据，并将查询到的数据注入到这个空对象中，这种查询时机推迟到对象访问时的机制称之为延迟加载。简单的说，使用延迟加载获取的对象，只

01

java封装的概念

继承、封装、多态、抽象是面向对象编程的四大基本概念，其中封装尤为重要，因为从我们学习JAVA开始，就基本上接触了封装，因为JAVA中的所有程序都是写在类中的，类也能当做一种封装。

01

聊聊 C# 中的 Composite 模式（组合模式）

Composite组合模式属于设计模式中比较热门的一个，相信大家对它一定不像对访问者模式那么陌生，毕竟谁又没有遇到过树形结构呢。不过所谓温故而知新，我们还是从一个例子出发，起底一下这个模式吧。

02

PHP基础面试题 - 第八天

答案： Numbe_format() 要格式化的数字|规定多少个小数|规定用作小数点的字符串|规定用作千位分隔符的字符串或者：

04

PHP开发小技巧

最近接触了typecho 所以PHP肯定就离不开手了这里记录一些平常开发的一些小技巧

01

设计模式之单例模式

Java Singleton模式主要作用是保证在Java应用程序中，一个类Class只有一个实例存在。使用Singleton的好处还在于可以节省内存，因为它限制了实例的个数，有利于Java垃圾回收（garbage collection）。单例模式能够保证一个类仅有唯一的实例，并提供一个全局访问点。单例模式主要有3个特点：

03

spring-data-mongodb之MongoTemplate 添加数据

来源：猿天地链接：http://cxytiandi.com/blog/detail/1733 今天我们来学习下MongoTemplate的添加数据操作，大神请忽略。。。首先创建一个实体类，我们这边用文章来做实体类，定义如下字段注意实体类要创建在之前配置转换目录的包下面，上篇文章的applicationContent.xml里的配置， base-package路径对了框架才会将实体类与mongodb中的集合对应起来。 <mongo:mappi

09

CSS：页面美化和布局控制

02

一文解读：CSS语法、注释、使用方式、选择器。

写在开篇 html的内容，想要改变它的样式？比如颜色、字体、布局，等等，怎么破？CSS代码带你起飞！ css语法 css的语法非常简单，如下：选择器 {属性: 值;属性:值} 例如： h2 {color: cornflowerblue;font-size: 60px;} 上面的h2是元素选择器，属性color，它的值是cornflowerblue。属性font-size，它的值是60px。使用css的3种方式有3种css的使用方式：外部 CSS 内部 CSS 行内 CSS虽然有3种，但笔者只讲外部c

02

Spring5系列(四) | 依赖注入

上篇文章我们讲解了如何通过spring的工厂创建对象。对象有了，但是其实往往我们也不能够直接进行使用，有时候需要对对象进行赋值的操作。而spring中有一个比较重要的概念叫做依赖注入，什么是依赖注入的，其实就是对于成员变量的赋值。那么我们就来了解下spring如何完成依赖注入。

03

Java开发神器Lombok使用详解

最近正在写SpringBoot系列文章和录制视频教程，每次都要重复写一些Getter/Setter、构造器方法、字符串输出的ToString方法和Equals/HashCode方法等。甚是浪费时间，也影响代码的可读性。因此，今天就给大家推荐一款Java开发神器——Lombok，让代码更简单易读。

02

H5 Handlebars的简单使用

H5中都是Html，在这里我们没有el标签。所以我们只能借助模板。好处上面已经介绍了

01

9.30面试：AOP+事务+JDK动态代理与cglib区别+Spring的aop如何切换底层创建代理对象的方式

1.什么是AOP？有什么好处？Spring如何配置AOP 把一些非核心业务的代码抽取到一个通知类（增强），再创建需要被增强的类的代理对象，在调用代理对象的方法时，织入增强代码，并调用目标方法的一种面向切面技术，一种对OOP进行补充的编程方式。好处：业务层更加简易，符合单一职责原则，程序员开发更加容易，只需要关心业务层。 spring aop:aop联盟 <aop :config> <aop:pointcut id = "" expression="execution( * )"> <aop:advi

02

Servlet简介和环境设置

Servlet 是运行在 Web 服务器或应用服务器上的程序，它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。

02

(23) 枚举的本质 / 计算机程序的思维逻辑

前面系列，我们介绍了Java中表示和操作数据的基本数据类型、类和接口，本节探讨Java中的枚举类型。所谓枚举，是一种特殊的数据，它的取值是有限的，可以枚举出来的，比如说一年就是有四季、一周有七天，虽然使用类也可以处理这种数据，但枚举类型更为简洁、安全和方便。下面我们就来介绍枚举的使用，同时介绍其实现原理。基础基本用法定义和使用基本的枚举是比较简单的，我们来看个例子，为表示衣服的尺寸，我们定义一个枚举类型Size，包括三个尺寸，小/中/大，代码如下： public enum Size {

05

Spring5深入浅出篇:Spring中的FactoryBean对象

01

type="file"按钮美化及获取路径原

1、自定义按钮并把<input type="file">定位在按钮的上面，并设置透明度为0，如下代码

02

零基础html5+div+css+js网页开发教程第006期网页快速开发技巧

上一节，我们学习了hbuilder的快速开发工具的简单实用，本机额，我们来介绍这个工具相关的快速开发技巧。

01

Spring5学习笔记IOC

**Spring 本质：** 工厂 ApplicationContext (applicationContext.xml)

02

一文带你读懂：设计模式的六大原则

软件设计最大的难题就是应对需求的变化，但是纷繁复杂的需求变化又是不可预料的，我们要为不可预料的变化做好准备，这本身是一件非常痛苦的事情，但好在有大师们已经给我们提出了非常好的六大设计原则和23种设计模式来“封装”未来的变化。

03

SpringBoot高级篇JdbcTemplate之数据更新与删除

环境依然借助前面一篇的配置，链接如： 190407-SpringBoot高级篇JdbcTemplate之数据插入使用姿势详解

03

vue.js组件初探

一个页面的ui可以切割成由不同的组件构成，这些组件毕竟独立，这样拆分的好处在于可以做到如同堆积木般快速将页面搭建及重构

02

关于MVP架构在Android上的应用

最近研究了一下android开发的一些框架，对于开发整体上具有一定好处，对于拓展测试修改也具有一定的优势。

01

理解Java的三大特性之封装

封装从字面上来理解就是包装的意思，专业点就是信息隐藏，是指利用抽象数据类型将数据和基于数据的操作封装在一起，使其构成一个不可分割的独立实体，数据被保护在抽象数据类型的内部，尽可能地隐藏内部的细节，只保留一些对外接口使之与外部发生联系。系统的其他对象只能通过包裹在数据外面的已经授权的操作来与这个封装的对象进行交流和交互。也就是说用户是无需知道对象内部的细节（当然也无从知道），但可以通过该对象对外的提供的接口来访问该对象。

02

MySQL窗口函数的妙用

create table grade ( id int(10) primary key auto_increment comment '主键', stu_id int(10) comment '学生id', class_id int(10) comment '班级id', course_id int(3) comment '课程id', score int(3) comment '学生分数', unique key (stu_id, course_id) ) engine = innodb charset = utf8; insert into grade (stu_id, class_id, course_id, score) values ('1', 1, 1, 90), ('4', 1, 1, 90), ('7', 1, 1, 84), ('10', 1, 1, 84), ('13', 1, 1, 88), ('1', 1, 2, 67), ('4', 1, 2, 85), ('7', 1, 2, 90), ('10', 1, 2, 88), ('13', 1, 2, 86); insert into grade (stu_id, class_id, course_id, score) values ('2', 2, 1, 83), ('5', 2, 1, 94), ('8', 2, 1, 81), ('11', 2, 1, 91), ('14', 2, 1, 79), ('2', 2, 2, 99), ('5', 2, 2, 80), ('8', 2, 2, 82), ('11', 2, 2, 76), ('14', 2, 2, 66); insert into grade (stu_id, class_id, course_id, score) values ('3', 3, 1, 98), ('6', 3, 1, 92), ('9', 3, 1, 76), ('12', 3, 1, 73), ('15', 3, 1, 83), ('3', 3, 2, 95), ('6', 3, 2, 91), ('9', 3, 2, 86), ('12', 3, 2, 87), ('15', 3, 2, 68); 这里就是建立了一个成绩表，然后往表中插入了15个学生，他们来自三个班级，每个学生学习了两门课程。

02

面试官常问的Spring依赖注入和Bean的装配问题，今天给大家讲清楚！

小伙伴儿们，Spring 的依赖注入以及 Bean 的装配是面试常问的知识点，今天我们来学习一下Spring中的依赖注入方式，以及如何将自己开发的Bean装配到Spring IoC容器中。

02

Android开发之Retrofit小试牛刀

感觉好久没有写Android的文章了，囧囧囧！因为Retrofit实在是太火了，火得我一直跃跃欲试，但是由于种种原因吧，一直都没有用过。周末闲来无事，利用一个以前开发中用过的服务器API来小试牛刀一下，非常简单，记录自己的第一次Retrofit之旅。重要说明：由于涉及到商业机密，所以对请求的数据和服务器地址进行了处理。自己实验时，请换成自己的服务器。一、添加依赖、配置项目这一步就不详细说了，会的都会，基本就是添加两个依赖和网络访问权限。 compile 'com.squareup.retrof

09

如何用比较快速的方法掌握Spring的核心——依赖注入，Java web轻量级开发面试教程读书笔记

我们知道，Java方面的高级程序员一定得掌握Spring的技能，其中包括Spring 依赖注入（IOC），面向切面（AOP），和数据库的整合（比如和Hibernate整合或声明式事务等）以及Spring MVC架构。其中，Spring的依赖注入是重中之重，在面试时，面试官一定会问这方面的问题。根据我的培训和面试经验，这方面的知识点虽然不难（初学者估计最多3天就能看明白并调通程序），但要把其中的各混淆点（也就是面试点）讲清楚不容易，换句话说，初级程序员在学习Spring IOC这部分

Java（继承 extends）

super关键字：我们可以通过super关键字来实现对父类成员的访问，用来引用当前对象的父类。

01

VUE2快速入门(五)---组件进阶与插槽

数字，字符，布尔值，数组，对象当带有v-bind:时会被认为js表达式如果不加就是单纯的字符串或者数字

02

Spring5深入浅出篇:Spring中静态代理与动态代理

在额外功能不改变的前提下，创建其他⽬标类（原始类）的代理对象时，只需要指定原始(⽬标)对象即可。

01

Linq之ToDictionary<TSource, TKey, TElement>的写法

以前一直用 var query = xxx.Select(c=>new {c.X,c.Y}); 来取表中的某二列字段，今天有个应用需要转成Dictionary<T,U>，很少这样使用，居然忘记了写法！回忆了半天终于写对了，贴在这里备个份，方便以后查找: using System; using System.Collections.Generic; using System.Linq; namespace DicTest { class Program { static void Main(s

Laravel之Eloquent ORM

Active Record 是一种数据访问设计模式，它可以帮助你实现数据对象Object到关系数据库的映射。应用Active Record时，每一个类的实例对象唯一对应一个数据库表的一行(一对一关系)。你只需继承一个abstract Active Record 类就可以使用该设计模式访问数据库，其最大的好处是使用非常简单

03

【Laravel系列3.2】路由：指哪儿打哪儿

在没有接触到 Laravel 之前，早先的框架基本上都没有这个完整的路由的概念。像是 TP3 、Yii1 版本的时候，都是通过入口文件对参数的解析来加载指定的控制器。关于这种形式的加载方式大家可以在去看一下老的这些框架是如何实现的。而在 Laravel 中，从我开始接触的时候，就使用的是自定义路由的方式来指定请求的路径。其实，传统方式可以看做是一种隐式路由，而我们需要写的这种是一种显式的路由。Laravel 也是支持隐式路由的，只是它并不推荐这么做。那么，显式路由有什么好处呢？

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭