基本选择器、层次选择器、基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单选择器、表单过滤选择器。

CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）

JQuery选择器的学习和CSS选择器几乎是一样的，那我们首先来了解一下JQuery基本选择器

1. 基本选择器

element: 标签选择器，获取页面上同一类标签

.class 类选择器，获取页面上class属性值相同的一类标签

#id id选择器，获取页面上指定id属性对应的值的唯一标签

selector1,selector2,selectorN 并集选择器，选做多种类型的选择器的组合

上篇《Selenium 入门（基于 Python）

jQuery 选择器是 jQuery 库的一个重要特性，它允许开发者通过简洁的语法来选择和操作 DOM 元素。jQuery 提供了丰富多样的选择器，涵盖了 CSS 选择器的功能，并扩展了更多特性。以下是 jQuery 选择器的大全及其简要说明：

### 基本选择器

1. **元素选择器**: 选择所有指定标签的元素。

```javascript

$('div') // 选择所有 <div> 元素

基本选择器

类选择器 .

class属性的值与类选择器一一对应

ID选择器 #

id选择器的名字是唯一的，虽然两个一样的不报错，但不能那么写

在使用jQuery 选择器获取元素后，如果不考虑获取到的元素数量，直接对元素进行操作，则在操作时会发生隐式迭代。隐式迭代是指，当要操作的元素实际有多个时，jQuery 会自动对所有的元素进行操作，示例代码如下。

<div>第1个div</div>
<div>第2个div</div>
<div>第3个div</div>
<div>第4个div</div>
<script>
   console.log($("div"));
   // 使用css()方法修改元素 css样式，将背景色设为pink
   $("div").css("ackground”, "pink");   //对所有的div进行相同操作
</script>

编辑导语：在B端系统的设计过程中，设计师要对基础控件有充分的认识，以及对控件使用影响因素进行规避处理。本文作者对“选择器”的类型和使用进行了分析，一起来看一下吧。

B端系统设计过程中，基础设计控件的重要性不言而喻，需要设计师对基础控件有充分的认识，以及对控件使用影响因素进行规避处理。

今天是刘小爱自学Java的第85天。

感谢你的观看，谢谢你。

话不多说，开始今天的学习：

选择器的作用是什么？

可以快速准确地定位我们所需要的标签。

刚学CSS的时候，觉得CSS选择器也太多了吧，当时就想要不不学了吧，就只学了基本选择器。

到了jQuery，还是要学各种选择器。

果然，你现在所欠下来的，将来都得还回来。

1 jQuery 选择器

jQuery选择器共有四大类，分别为基本选择器，层次选择器，过滤选择器和表单选择器。

1.1 基本选择器