Node 노드

객체들의 족보

 

this 기준, 관계도

 

parent().parent().parent().parent() 이런식으로 자신의 고조할아버지를 찾아갈수 있고요

parent().parent().parent().parent().next() 이런식으로 자신의 고조할아버지 동생에게 접근할수 있습니다

고조할아버지와 형제들을 노드라고 생각하시면 됩니다

 

노드 형제중에 첫째놈이 first() 고 막내놈이 last() 입니다

두번째놈은 next().next() 로 구할수있구요 eq(1) 이나 index() 값 2로 구할 수 있습니다

형제를 추가하려면 append 를 시키고 형제를 제거하려면 remove 를 하는것이죠

 

children()	확장 Element의 고유한 자식으로 구성된 확장 집합을 반환한다.
contents()	확장 집합에서 Element의 Contents로 구성된 확장 집합을 반환한다. 여기에는 TextNode도 포함되며 주로 <iframe> Element의 Contents를 얻고자 사용
next()	확장 집합내의 각 확장 Element 바로 다음에 나오는 형제로 구성된 확장집합 반환.
nextAll()	확장 집합내의 각 확장 Element 다음에 나오는 모든 형제로 구성된 확장집합 반환.
parent()	확장 집합내에 있는 모든 확장 Element의 바로 위 부모로 구성된 확장 집합을 반환.
parents()	모든 확장 Element의 조상으로 구성된 확장 집합을 반환한다. 바로 위 부모와 상위의 모든 조상이 포함되지만 문서루트는 미포함.
prev()	확장 집합내의 각 확장 Element 바로 이전에 나오는 형제로 구성된 확장 집합을 반환.
prevAll()	확장 집합내의 각 확장 Element 이전에 나오는 모든 형제로 구성된 확장 집합을 반환.
siblings()	확장 Element의 모든 형제를 포함하는 확장 집합을 반환.

 

 

 

 

p태그일경우

 

*	모든 Element와 매치
p	태그명이 p인 모든 Element와 매치
p F	태그명 p인 Element의 자식Element중 태그명 F인 Element와 매치
p>F	태그명 p인 Element의 바로아래 자식Element중 태그명 F인 Element와 매치
p+F	p의 형제 Element로 바로 다음에 나오는 Element F와 매치
p~F	p의 형제 Element로 다음에 나오는 모든 Element F와 매치
p:has(F)	태그명이 F인 자손을 하나 이상 가지는 태그명이 p인 모든 Element와 매치
p.C	클래스명 C를 가지는 모든 Element p와 매치. E의 생략은è *.C
p#I	아이디가 I인 Element p와 매치. p의 생략은 è *#I
p[A]	Attribute A를 가지는 모든 Element p와 매치
p[A=V]	값이 V인 Attribute A를 가지는 모든 Element p와 매치
p[A^=V]	값이 V로 시작하는 Attribute A를 가지는 모든 Element p와 매치
p[A$=V]	값이 V로 끝나는 Attribute A를 가지는 모든 Element p와 매치
p[A*=V]	값에 V를 포함하는 Attribute A를 가지는 모든 Element p와 매치

예 -> $(“p > span”)

[출처] 33강. jquery - 노드 after,append,last,first,remove (웹의 하루) | 작성자 뺑이