JQuery 탐색

 

 

탐색

 

 

 

체인 컨텍스트를 유지하면서 제어의 대상이 되는 엘리먼트를 변경하는 기법이다.

 

${'#root}.addclass{'s'}.removeClass{'s'}.add('s').addclass{'s'}.removeClass{'s'}.first{'s'}........

 

위의 예시처럼 계속 체인처럼 연결하여 탐색을 계속 코딩할 수 있다.

 

 

 

 

• .add(selector) : 엘리먼트를 추가한다
• .andSelf() : 현재 엘리먼트 셋에 이전 엘리먼트 셋을 더 한다
• .children([selector]) : 자식 엘리먼트를 선택한다
• .closest(selector) : 가장 가까운 selector 조상 엘리먼트를 탐색한다
• .each(function(index,Element)) : 현재 엘리먼트 셋에 반복 작업을 실행한다
• .end() : 이전 체인 컨텍스트로 돌아간다.
• .eq(index) : 현재 엘리먼트 셋에서 index에 해당하는 엘리먼트를 선택한다
• .filter(selector) : 현재 엘리먼트 셋에서 selector에 해당하는 엘리먼트를 선택한다
• .find(selector) : 현재 엘리먼트 셋에서 selector에 해당하는 자손 엘리먼트를 선택한다
• .first() : 현재 엘리먼트 셋 중 첫번째 엘리먼트를 선택한다
• .last() : 현재 엘리먼트 셋 중 마지막 엘리먼트를 선택한다
• .next() : 각각의 엘리먼트에 대한 다음 형재 엘리먼트를 선택한다
• .nextAll() : 각각의 엘리먼트에 대한 다음 형재 엘리먼트 전부를 선택한다
• .prev() : 각각의 엘리먼트에 대한 이전 형재 엘리먼트를 선택한다
• .prevAll() : 각각의 엘리먼트에 대한 이전 형재 엘리먼트 전부를 선택한다
• .siblings() : 각각의 엘리먼트에 대한 형재 엘리먼트 전부를 선택한다
• .slice(start, [end]) : 현제의 엘리먼트 셋 중 start에서 end까지의 엘리먼트를 선택한다