jQuery querySelector() 与 querySelectorAll() 方法

简介

querySelector() 和 querySelectorAll() 是 jQuery 选择器中的两个基本方法。它们通过选择指定的元素来控制文档内容。

• querySelector() 方法返回文档中指定的第一个匹配的元素，如果没有匹配元素则返回 null。
• querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素。

语法

querySelector() 和 querySelectorAll() 方法的语法如下：

$(selector).querySelector(function() {
  // code to be executed
});

$(selector).querySelectorAll(function() {
  // code to be executed
});

其中 selector 参数是需要选取的元素，可以是 CSS 选择器字符串，也可以是 DOM 对象。

用法

querySelector()

querySelector() 方法文档中返回的是匹配指定选择器的第一个元素。如果没有匹配的元素，则返回 null。

$("#my-div").querySelector(".my-class");

// 获取第一个 class 为 "my-class" 的元素

querySelectorAll()

querySelectorAll() 方法返回文档中所有匹配指定 CSS 选择器的元素。

$("#my-div").querySelectorAll(".my-class");

// 获取所有 class 为 "my-class" 的元素

总结

jQuery 的 querySelector() 和 querySelectorAll() 方法都是非常实用的基本方法。通过它们可以选取一个或多个文档中指定的元素，更方便地操作文档内容。语法简洁明了，使用灵活，是 jQuery 必备的知识点之一。