1_jQeury_(기본선택자,메소드)

03.jQuery기본선택자2

@@ 기본선택자2 @@

@입력 양식 필터 선택자1@

input 태그의 type속성에 따라 문서 내 객체 선택 가능

$("요소:타입")

@자바스크립트 객체 리터럴 표기법

{ 키:속성명, 키:속성명 }

#mouseenter() : 마우스가 요소 경계(테두리) 내부로 들어왔을때 이벤트 발생(mouseover와 차이점) 이벤트버블발생X

#mouseleave() : 마우스가 요소 경계(테두리) 외부로 나갔을때 이벤트 발생

#hover( , ) : mouseenter() + mouseleave()

04.jQuery기본선택자3

@@ 기본선택자3@@

@순서에 따른 필터 선택자@

요소:first : 첫 번째 위치한 요소(객체) 선택

요소:last : 마지막에 위치한 요소(객체) 선택

요소:odd : 홀수 번째 인덱스 요소(객체) 선택

요소:even : 짝수 번째 인덱스 요소(객체) 선택

05.필터링메소드

@필터링 메소드

선택자로 지정한 요소(객체)를 기준으로 요소 그룹에서 위치를 가지고

요소를 선택하는 메소드

@filter() 메소드 : 특정 기준과 일치하는 요소들을 반환함

ex) $("선택자").filter(":even").css(~~~);

@first() 메소드 : 첫번째요소선택

@last() 메소드 : 마지막요소

@text() 메소드 : 요소의 content 값 반환 또는 세팅

매개변수가 없으면 값반환, 있으면 세팅

@★el() : 인덱스 번호와 일치하는 요소 선택

@not() : 매개변수와 일치하지 않은 요소만 리턴

06. 순회(탐색) 메소드1

@@Traversing-1@@

HTML을 가로지르거나, 횡단하면서 탐색하는 기술

@Ancestors(조상) 메소드

선택된 요소의 상위 요소들을 선택할 수 있는 메소드

$("선택자").parent()

- 선택된 요소의 바로 상위 요소

$("선택자").parents([매개변수])

- 선택된 요소의 모든 상위 요소 리턴

- 매개변수가 있으면 모든 상위 요소 중 매개변수와 일치하는 요소만 리턴

$("선택자").parentsUntil(매개변수)

- 선택된 요소부터 매개변수 요소전까지 범위의 요소들 리턴

07. 순회(탐색) 메소드2

@@Traversing-2@@

@descendants(자손, 후손) 메소드

선택된 요소의 하위 요소들을 선택할 수 있는 메소드

$("선택자").children([매개변수])

- 선택된 요소의 모든 자식(바로 하위) 요소 리턴

- 매개변수가 있으면 매개변수와 일치하는 자식 요소만 리턴

$("선택자").find(매개변수)

- 선택된 요소 하위에서 매개변수와 일치하는 모든 후손 요소 리턴

08. 순회(탐색) 메소드3

@@Traversing-3@@

@sideways(옆으로, 옆에서) 메소드

같은 레벨에 있는 요소(형제)를 선택할 수 있는 메소드

$('요소명').siblings([매개변수])

- 선택된 요소와 같은 레벨(형제)에 있는 모든 요소 리턴

- 매개변수가 있으면 같은 레벨에 있는 요소 중 매개변수와 

일치하는 모든 요소 리턴

$('요소명').next()

- 선택된 요소의 같은 레벨 중 선택된 요소 다음 한개 요소 리턴

$('요소명').nextAll()

- 선택된 요소의 같은 레벨 중 선택된 요소 다음의 모든 요소 리턴

$('요소명').prev()

- 선택된 요소의 같은 레벨 중 선택된 요소 이전 한개 요소 리턴

$('요소명').prevAll()

- 선택된 요소의 같은 레벨 중 선택된 요소 이전의 모든 요소 리턴

$('요소명').prevUntil(매개변수)

- 선택된 요소의 같은 레벨 중 매개변수 이전까지의 모든 요소 리턴

$('선택자').is([매개변수]) 메소드

- 선택자로 지정된 범위에 매개변수에 작성된 요소가 존재하는지 검사하는 메소드

있으면 true, 없으면 false 반환