在JavaScript中，使用jQuery庫可以方便地選擇CSS類，以下是選擇CSS類的一些常見方法和示例：
1、通過類名選擇：
- 使用.className 來選擇具有特定CSS類的元素。
- 選擇所有帶有my-class 的元素：
```javascript
$('.my-class')
```
2、通過屬性選擇：
- 使用[attribute=value] 來選擇具有特定屬性的元素。
- 選擇所有data-type 屬性為text 的元素：
```javascript
$('[data-type="text"]')
```
3、組合選擇：
- 可以組合使用多個選擇器來縮小范圍。
- 選擇所有帶有my-class 且data-type 屬性為text 的元素：
```javascript
$('.my-class[data-type="text"]')
```
4、排除選擇：
- 使用:not() 來排除特定元素。
- 選擇所有不帶my-class 的元素：
```javascript
$(':not(.my-class)')
```
5、子元素選擇：
- 使用> 來選擇直接子元素。
- 選擇所有div 的直接子元素p：
```javascript
$('div > p')
```
6、兄弟元素選擇：
- 使用~ 來選擇同輩元素。
- 選擇所有div 的同輩元素p：
```javascript
$('div ~ p')
```
7、偽類選擇：
- 使用:偽類名 來選擇特定狀態(tài)的元素。
- 選擇所有懸停狀態(tài)的元素：
```javascript
$(':hover')
```
8、自定義選擇器：
- 可以通過正則表達式或其他邏輯創(chuàng)建自定義選擇器。
- 選擇所有以txt 結尾的div 元素：
```javascript
$('div[id$="txt"]')
```
