jQuery中parent(),parents()和closest()详解与区别

这篇文章主要为记录一个JQ中的三个方法的解释和区分，不再做安例演示，因为今天有点懒，啥也不想做，班也不想上！

jQuery 遍历 - parent() 方法

parent() 方法：获得指定元素的父元素

语法：

.parent(selector)

注：selector为包含用于匹配元素的选择器表达式，可省略

例：

HTML代码：

<div>
    <p>我是第一个DIV的P标签</p>
</div>
<div class="mochu">
    <p>我是第二个DIV的P标签</p>
</div>

JQ代码

$("p").parent(".mochu").css("color","red");

jQuery 遍历 - parents() 方法

parents() 方法：获得指定元素的祖元素

语法：

.parents(selector)

注：selector为包含用于匹配元素的选择器表达式，可省略

jQuery 遍历 - closest() 方法

closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。

语法：

.closest(selector)

注：selector为包含用于匹配元素的选择器表达式，可省略