본문 바로가기
Publishing/jQuery API

제이쿼리 Traversing

by 투투G 2018. 3. 30.

이미지 출처 : https://oscarotero.com/jquery/



 .children()

 자식요소 선택자

 $("요소선택1").children("요소선택2")

 $("ul").children("li").css("border","1px solid red");
 .closest() 근접 요소명 선택자

 (가장 가까운 조상이 선택)

 $("요소선택1").closest("요소선택2") $("h1").closest("div").css("border","1px solid #ff6633");
 .parent()

 부모요소 선택자

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

 $("li").parent().css("border","2px solid black");
 .next()

 형제요소(다음) 선택자

 $("요소선택자").next()

 $(".t2").next().css("background-color","yellow");
 .prev()

 형제요소(이전) 선택자

 $("요소선택자").prev()

 
 .siblings()

 형제 요소들 선택자

 $("요소선택자").siblings()

 $(".t2").siblings().css("background-color","green");


'Publishing > jQuery API' 카테고리의 다른 글

제이쿼리 Selectors(선택자)  (1) 2018.03.30