> 웹 프론트엔드 > JS 튜토리얼 > jQuery 순회 - 가장 가까운() 메서드 소개 및 해당 메서드와 parent()_jquery 간의 차이점 분석

jQuery 순회 - 가장 가까운() 메서드 소개 및 해당 메서드와 parent()_jquery 간의 차이점 분석

WBOY
풀어 주다: 2016-05-16 17:35:10
원래의
1549명이 탐색했습니다.

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

语法:

.closest(selector)

参数selector为字符串值,包含匹配元素的选择器表达式。

如果给定表示 DOM 元素集合的 jQuery 对象,.closest() 方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素,并用匹配元素构造新的 jQuery 对象。.parents() 和 .closest() 方法类似,它们都沿 DOM 树向上遍历。两者之间的差异尽管微妙,却很重要:

.closest() .parents()
从当前元素开始 从父元素开始
沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止。 沿 DOM 树向上遍历,直到文档的根元素为止,将每个祖先元素添加到一个临时的集合;如果应用了选择器,则会基于该选择器对这个集合进行筛选。 
返回包含零个或一个元素的 jQuery 对象 返回包含零个、一个或多个元素的 jQuery 对象

먼저 다음 예제를 살펴보세요. close()를 통해 이벤트 위임을 완료하는 방법을 보여줍니다. 가장 가까운 목록 요소 또는 그 하위 요소를 클릭하면 노란색 배경이 전환됩니다
코드 복사 코드는 다음과 같습니다.