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