博客

以下是关于jQuery中parent()和parents()方法的完整攻略：

1. 什么是parent()和parents()方法？

parent()方法用于选择匹配素集合中每个元素的父元素，而parents()方法用于选择匹配元素集合中每个元素的所有祖先元。

1. 如何使用parent()和parents()方法？

可以使用以下代码来使用parent()和parents()方法：

$(selector).parent()
$(selector).parents()

其中，selector是要选择的元素的选择器。

1. 示例1：选择<span>元的父元素并添加样式

$("span").parent().css("color", "red");

在这个示例中，使用了$("span")选择所有<span>元素，然后使用.parent()方法选择每个元素的父元素，并使用.css()来设置这些元的颜色为红色。

1. 示例2：选择<span>元素的所有祖先元素并添加样式

$("span").parents().css("font-weight", "bold");

在这个示例中，使用了$("span")选择所有<span>元素，然后使用.parents()方法选择每个元素的所有祖先元素，并使用.css()来设置这些元素的字体加粗。

总结：

parent()方法用于选择匹配元素集合中每个元素的父元素，而parents()方法用于选择匹配元素集合中每个元素的所有祖先元素。可以使用这些方法来选择元素并对其进行操作，如添加样式、隐藏等。