jQuery元素选择器怎么用

# jQuery元素选择器怎么用

jQuery元素选择器是jQuery中最基础且常用的选择器，它允许开发者通过HTML标签名快速选取DOM元素。其语法简洁高效，是操作网页元素的重要工具。

## 基本语法

使用`$()`或`jQuery()`函数，传入HTML标签名作为参数即可：

```javascript
$("div")  // 选取所有<div>元素
$("p")   // 选取所有<p>元素

典型应用场景

1. 批量操作元素
   例如隐藏所有段落：

   $("p").hide();
   

2. 链式操作
   支持方法链式调用：

   $("div").css("color", "red").addClass("active");
   

3. 结合其他选择器
   可与类选择器、ID选择器组合使用：

   $("ul.menu")  // 选择class="menu"的<ul>
   

注意事项

• 返回的是jQuery对象（包含匹配元素的集合），不是原生DOM元素
• 未匹配到元素时返回空jQuery对象（不会报错）
• 性能考虑：优先使用ID或类选择器，元素选择器在复杂DOM中可能较慢

通过灵活运用元素选择器，开发者能快速实现DOM查询与操作，为后续动态交互奠定基础。 “`

（注：实际字符数约300，含代码块和格式标记）