📅 最后修改于: 2023-12-03 15:16:46.979000 🧑 作者: Mango
在jQuery中，andSelf()方法可以与end()方法一起使用，从而在选择器中添加先前的选择器状态。andSelf()方法返回先前选择的元素和当前选择器中添加的元素，而end()方法仅返回先前选择的元素。
下面是一个简单的示例，演示如何在使用andSelf()方法之前和之后实现选择器状态的变化：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<ul>
<li>Item 1</li>
<li class="current">Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
<script>
$(document).ready(function(){
$("li.current").next().andSelf().css("background-color", "yellow");
});
</script>
</body>
</html>
在上面的示例中，我们选择了具有“current”类的列表项，并使用next()方法选择下一个项，然后使用andSelf()方法将前一个选择器状态添加到选择器中。然后，我们将所选择的元素的背景色设为黄色。
您可以使用浏览器的开发者工具检查HTML源代码和CSS样式，以进一步了解有关选择器状态变化的详细信息。
使用andSelf()方法可以让您快速有效地在jQuery选择器中添加先前的选择器状态。在编写复杂的jQuery代码时，这是非常有用的，尤其是在改变选择器的条件时。