jQuery | andSelf() 示例

andSelf() 是在 jQuery 中的一个方法，它用于将当前选定的元素添加到先前的选择器状态中。

语法

$(selector).andSelf()

参数

无

返回值

返回一个包含先前选择器状态和当前选择器状态的元素集合。

示例

假设我们有以下的 HTML 代码：

<div>
  <p>第一个段落</p>
  <p>第二个段落</p>
  <p>第三个段落</p>
</div>

我们可以使用 andSelf() 方法来选择 div 元素及其中的所有段落：

$("div").find("p").andSelf().css("color", "red");

在这个示例中，我们首先选择 div 元素，然后使用 find() 方法选择其中的所有 p 元素。最后，通过 andSelf() 方法将先前的选择器状态添加到当前选择器状态中，使得选择器同时包含 div 元素和其内的所有 p 元素。然后，我们使用 css() 方法将它们的文本颜色设置为红色。

在执行上述代码后，我们会发现 div 元素和其中的所有段落都被设置为红色。

结论

andSelf() 方法是一个非常有用的 jQuery 方法，它使得在选择器状态中添加先前的选择器状态变得更加方便。通过使用 andSelf()，我们可以更灵活地操作元素集合，快速地选择出我们需要的元素，并对它们进行进一步处理。