J Query 기본 선택자와 자식,후손 선택자

$(“선택할 요소”).css(“color : red”)$(“선택할 요소”).html(“입력내용”);
선택할 요소 ex)

• “.class”

• “#id”

• tagName(태그 이름으로 가져올 시 전체선택)
  자식 선택 ex)

• $(“div > h”).css(“변경 내용”);
  후손 선택

• $(div h).css(“변경내용”);

  속성으로 선택지정하기

$(“input[class]”) -> input 속성중 class를 가지고 있는 모든 input 태그$(“input[type=text]”) -> input 태그중 type 이 text 인 녀석들만
*= 지정한 글자가 포함된 모든 태그들을 부른다.
^= 속성값에 특정값으로 시작하는 요소
$= 속성값이 특정값으로 끝나는 요소
~= 속성값에 특정값이 포함됐을 경우

input 태그의 type 속성에 따라 요소 선택

Input :

• Text,Radio -> input type이 text인것들만
  Option:
• Select -> option중 선택되어있는 요소 선택
  #wrap:
• Enabled -> wrap class 중 enabled 상태인 요소 선택

필터링 관련 선택자 및 메소드
$(“tr:first”) -> tr에 첫번째 요소$(“tr:last”) -> tr에 마지막 요소
$(“tr:even”) -> tr에 짝수번째 요소 (첫번째 요소는 0이다.)$(“tr:odd”) -> tr에 홀수번째 요소

$(“h4”).first() -> h4태그중 첫번째 h4태그$(“h4”).last() -> h4태그중 마지막 태그

$(“h4”).filter(“.test”) -> h4태그중 .test 클래스를 가진 요소들$(“h4”).not(“.test”) -> h4태그중 .test클래스가 아닌것들
$(“h4”).eq(2) -> h4태그들중 2번째 ( index 는 0번부터)

탐색<순회>메소드 – 조상, 자식
Ancestors(조상) 메소드 : 기준이되는 요소의 상위요소들을 선택할 수 있다.
$('선택자').parent()

• 선택된 요소를 기준으로 바로 위의 상위 부모요소 하나만 선택
  $('선택자').parents('부모요소')
• 선택된 요소를 기준으로 모든 상위요소 들 중에서 제시한 부모 요소들만 선택
  $('선택자').parentsUntill('선택자')
• 선택자를 기준으로 제시한 선택자까지 모든 상위요소들을 선택
  Ex) $(“span”).parentUntill(“div”) 라는구문을
  > > > 라는 구문이 있을경우에 사용시 h,input 이 선택된다.

Descendants 메소드 : 기준이 되는 요소의 하위요소들을 선택할 수 있는 메소드
$(“div”).children() -> div 요소에 자식 요소 하나$(“div”).children(“선택자”) -> div 요소에 자식요소중 선택자와 일치하는 태그
$(“div”).find(“선택자”) -> div를 기준으로 모든 후손 요소들중 제시한 선택자와 일치하는 모든 요소

sideways(동위) 메소드 : 같은 레벨에 있는 요소들을 선택할 수 있는 메소드
$("선택자").siblings() -선택된 요소를 기준으로 같은 레벨에 있는 모든 요소들을 선택(본인 제외)$("선택자").siblings("선택자")
-선택된 요소를 기준으로 같은 레벨에 있으며 제시된 선택자와 같은 요소들을 선택
$("선택자").next()
-선택된 요소를 기준으로 같은 레벨에 있는 모든 요소들 중 바로 다음 요소 하나만 선택

$("선택자").nextAll() -선택된 요소를 기준으로 같은 레벨에 있는 모든 요소들중 내 뒤에있는 모든 요소들을 전부 선택$("선택자").nextUntil("선택자")
-선택된 요소의 같은 레벨에서 제시된 선택자 사이에 있는 모든 요소를 선택
$("선택자").prev() -선택된 요소를 기준으로 같은 레벨에 있는 모든 요소들 중 앞에있는 요소 하나 선택$("선택자").prevAll()
-선택된 요소를 기준으로 같은 레벨에 있는 모든 요소들중 앞에있는 요소 모두 선택
$("선택자").prevUntill("선택자")
-같은 레벨에서 선택된 요소와 제시된 값 사이에있는 모든 요소 선택