ul태그안에 li태그가 다섯 개 있다.
filter( ) - 선택된 태그 중 원하는 걸 필터링
li태그를 지정하고 filter와 find를 적용시켜봤다.
filter만 적용되고 find는 적용이 되지 않는다.
filter는 선택된 태그 중에서 찾으므로 li태그 중 filter클래스를 가진 세 번째 태그가 선택됬다.
li태그의 하위태그에는 find가 없을뿐더러 하위태그자체가 존재하지 않기에 find는 작동하지 않는다.
find( ) - 선택된 태그에 속하는 모든 요소에서 찾음
이번엔 li태그가 아닌 ul태그를 지정하여 똑같이 filter와 find를 실행한다.
이번엔 filter가 먹히지 않고 find의 푸른배경 효과만 나타났다.
ul태그중에는 filter클래스를 가진 태그가 없기 때문에 filter는 작동하지 않는다.
find는 ul태그의 하위요소인 li태그중 find를 클래스 선택자로 가진 태그를 찾아낸다.
'Front-end > JavaScript' 카테고리의 다른 글
| [자바스크립트] 노드 위치 변경하기, append, insertAfter, insertBefore (0) | 2022.05.25 |
|---|---|
| [자바스크립트] 노드 생성하기, prepend, append, insertBefore, insertAfter, before, after, prependTo, appendTo (0) | 2022.05.23 |
| [자바스크립트] DOM구조를 통한 태그 접근, Children, Contents, parent, prev, next, first, last (0) | 2022.05.21 |
| [자바스크립트] js 지정태그 모두 접근하기, each (0) | 2022.05.20 |
| [자바스크립트] n번째 태그요소 접근, eq, get (0) | 2022.05.19 |