jQuery( 메소드)

메소드

add()	선택확장
addBack()	현재 선택한 요소와 함께 이전에 선택한 요소도 선택
addClass()	클래스 값을 추가하는 메서드
next(), nextAll(), nextUntil(selector)	선택요소의 다음 형제들
prev(), preveAll(), prevUntil(selector)	선택요소의 이전 형제요소들
parent(), parents(), parents(selector), parentsUntil(selector)	선택요소의 부모요소
siblings(0, siblings(selector)	선택요소의 앞 뒤 모든 요소들
content()	선택요소의 자식요소들, 텍스트 및 주석도 리턴
children(),	선택요소의 자식요소들, 텍스트 노드는 반환되지 않음
find()	선택요소의 후손요소들

 

 

- add()

 

  .add()는 어떤 요소를 추가로 선택할 때 사용

 

$('ul').add('p')

 ul 요소를 선택하고 추가로 p요소를 선택

 

 

- addBack()

 

문법

.addBack([selector])

 

예제

$('ul').find('li').addBack()

 ul의 하위요소 중 li를 선택하고, 추가적으로 처음 선택했던 ul을 선택

 

 

- addClass()

 

문법

addClass( 'classname')

예제

$('h1').addClass('abc'); -> abc 클래스 추가


$('h1').addClass('ab cd ef'); -> ab, cd, ef 클래스 추가 (띄어쓰기로 구분)

 * 페이지가 로드된 상태에서 클래스 값이 추가되는 것이기 때문에 추가되기 전 모양에서 추가된 후의

 

   모양으로 변하는 것을 클라이언트가 볼 수 있다.

---

parent()

 - 선택한 element 의 부모요소 탐색

 

 

* clone() / clone(true) -> true를 넣으면 이벤트요소도 같이 복사가 됨

 

* 색을 RGB로 넣고싶을때 16진수로 변환하여 color속성에 "#"+cr+cg+cb 처럼 넣어주면 됨

 

---

next() / nextAll() / nextUntil(selector)

 

1) next() -> 기준의 다음 형제 요소 한개

 

2) next() -> 기준의 다음 모든 형제 요소

 

3) a.nextUntil(b) -> a부터 b까지 모든 형제요소

---

contents() / children() / find()

 

 

 

fiind("fliter") : find 안의 필터는 생략불가