jQuery类选择器怎么用

# jQuery类选择器怎么用

jQuery类选择器是用于选取HTML文档中所有具有指定class属性的元素，语法简洁且功能强大。

## 基本语法

```javascript
$(".className")

其中className为目标元素的class名（不带点），例如选取所有class为highlight的元素：

$(".highlight").css("color", "red");

组合用法

1. 多类选择：同时匹配多个class

   $(".class1.class2") // 需同时包含class1和class2
   

2. 上下文选择：限定搜索范围

   $("#container .item") // 在id=container内选择.item
   

常用方法示例

// 修改样式
$(".btn").addClass("active");

// 绑定事件
$(".tab").click(function(){
  $(this).toggleClass("selected");
});

// 过滤操作
$(".list-item").filter(".important").hide();

注意事项

• class选择器返回的是所有匹配元素的集合
• 性能优于标签选择器，但弱于ID选择器
• 动态添加的元素需通过事件委托处理

通过类选择器，可以快速实现批量DOM操作，是jQuery最常用的选择器之一。 “`

（全文约300字）