parent()，parents()与closest()的区别

2019, Jun 22 mannuan One min read

方法	描述	示例
parent()	获得集合中每个匹配元素的父级元素	`$('.item-1').parent().css('background-color','red');` parent()方法从指定类型的直接父节点开始查找。parent()返回一个元素节点。
parents()	获得集合中每个匹配元素的祖先元素	`$('.item-1').parents('ul').css('background-color', 'red');` parents()方法查找同parent()方法类似，不同的一点在于，当它找到第一个父节点时并没有停止查找，而是继续查找，最后返回多个父节点。
closest()	从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素	`$(.item-1).closest("ul").css("background-color", 'red');` closest()方法查找是从包含自身的节点找起，它同parents()方法类似，不同点在于它的只返回匹配的第一个节点。

mannuan