DOM의 기본 Loop개념을 간결하고 최소한의 오류 발생을 위해 만들어 졌습니다. DOM 요소들 즉, jQuery 객체들을 위해 반복 로직을 처리하기 위해 만들어졌습니다. 0을 인덱스의 초기값으로 하여 콜백 함수가 실행됩니다. 더 눈여겨 봐야 할 것은, this키워드를 사용하면 현재 콜백되고 있는 DOM 요소에 어떤 작업을 할 수 있게 됩니다.
=> .each() 함수는 jQuery 객체의 수만큼 for 문 같이 반복을 해주는 함수이다.
.each( function(index, element))
function(index, element) 선택된 요소에 실행될 함수
https://jsfiddle.net/Kimara/8rjbnt4h/3/
.filter()
jQuery 객체를 이용해서 표현된 DOM 요소 집합에 .filter()함수를 사용하면 선택된 요소들의 일부를 추출하여 새로운 jQuery 객체를 생성한다.
.filter(selector)
selector 현재 선택된 요소들의 집합 안에서 재추출(filter)를 위한 선택자를 표현하는 문자열
.filter(function(index))
function(index)집합에 속한 요소들을 테스트 할 함수. this 키워드는 현재 요소를 지칭.
.filter(element)
element 선택된 요소들 중에서 찾을 요소(태그)
.filter(jQuery object)
jQuery object 선택된 요소들 중에 찾을 존재하는 jQuery 객체
https://jsfiddle.net/Kimara/gv490wrL/3/
.find()
jQuery 객체를 이용해서 표현된 DOM 요소 집합에 .find()함수를 사용하면 DOM tree에서 하위(자식) 요소들을 찾아내어 새로운 jQuery 객체를 생성합니다. .find()와 .children()함수는 비슷합니다. 하지만 .children()함수는 직계 자식 요소만을 추출할 수 있는것이 .find()함수와 다른점 입니다.
.find(selector)
selector 일치하는 요소를 위한 선택자가 표현된 문자열
.find(jQuery object)
jQuery object 요소를 찾을 jQuery 객체
.find(element)
element 요소를 찾을 요소 표현
https://jsfiddle.net/Kimara/d566sykr/1/