[jQuery] 예제와 함께하는 제이쿼리 강의 (jQuery - filter vs find)

이전 강의에서 filter를 다뤄봤습니다. 하지만 jQuery에는 비슷한 기능을 하는 것 같은 find()라는 함수가 있습니다. 오늘은 두 가지 기능의 차이점에 대해서 알아보도록 하겠습니다.

위 코드의 결과는 어떻게 될까요?

filter를 사용했으니까 그 아래에 있는 li에 색생이 변경됐을까요?

결과부터 말씀드리면 색상이 변하지 않았습니다.

한번 복기해볼까요?

$(".first_ul") // 제이쿼리는 first_ul이라는 클래스를 찾아라.

filter("li") // 그리고 li 태그를 찾아서

css 속성을 적용시켜라 !

무슨말인지 이해하셨나요?

.first_ul 자식으로 있는 li태그를 찾아서 색상을 바꾸라는 말이 아닌 .first_ul 클래스를 가진 태그 중 li 태그에 색상을 바꾸라는 뜻입니다.