1-选择器，CSS选择器用于选择你想要的元素的样式的模式；

2-选择器位置，在head标签包裹，title结束标签后；

3-基础选择器：

3-1标签-选择器：

浏览器显示如下图：

代码内容如下图：

3-2类-选择器

浏览器显示如下图：

CSS选择器（选择符）就是根据不同需求把不同的标签选出来，这就是选择器的作用。 简单来说，就是选择标签用的。

选择器分为基础选择器和复合选择器两个大类，这里先介绍一下基础选择器。

• 基础选择器是由单个选择器组成的
• 基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器

前言

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。

在高性能渲染十万条数据(时间分片)一文中，提到了可以使用时间分片的方式来对长列表进行渲染，但这种方式更适用于列表项的DOM结构十分简单的情况。本文会介绍使用虚拟列表的方式，来同时加载大量数据。

在前端开发中，我们经常需要通过JavaScript选择页面上的特定元素。特别是当你需要在一个div元素内部选择一个带有特定类名的子元素时，掌握几种常用的选择方法是非常必要的。本文将结合实际业务场景，带大家了解如何使用JavaScript选择div内部带有特定类名的元素。

！Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性

下面是我在工作中使用最多的一些选择器:

相邻元素, 英文称为sibling, 也就是兄弟姐妹的意思.其实很形象, 比喻两个dom是相邻的.但是邻居很多, 紧密相邻的, 还是一大片邻居

通过CSS选择器获取元素的方式是非常灵活的，但是CSS选择器获取元素后只能操作该元素的样式，要想为元素添加行为(如处理单击事件)，还需要通过JavaScript代码来实现。为此，jQuery 模仿CSS选择器实现了jQuery选择器，通过jQuery选择器来获取元素，不仅让获取元素的方式更加多样化，而且可以在获取元素后为元素添加行为。

jQuery选择器的基本语法格式如下所示。