jQuery 선택자

○ jQeury 의 대표적인 선택자 3가지$()
css에서 일반적으로 선택자를 사용하는데 자바스크립트에서도 사용하게 해두었다.

• 타입 선택자(요소 선택자 : 엘리먼트 선택자)
  페이지 상의 모든

  요소를 선택하고자 할 경우 다음과 같이 기술하면 된다.
  『$("p")』 cf. ${} / ${} 둘 사이의 차이점 인지하기(문서단에서 쓰임/스크립트 단에서 쓰임)

• 클래스 선택자

  라는 클래스가 test 인 요소를 선택하고자 할 경우 다음과 같이 기술하면 된다. 『$(".test")』

• 아이디 선택자

  라는 아이디가 test 인 요소를 선택하고자 할 경우 다음과 같이 기술하면 된다. 『$("#test")』

○ 그 외의 선택자

• $("*") : 모든 요소를 선택한다.
• $(this) : 현재 요소를 선택한다. (따옴표 없음에 유의할 것)
• $("div span") :
  요소 안에 있는 요소를 선택한다.
• $("p.test") :

  요소 중에서 test 클래스인 요소를 선택한다.

• $("p:first") : 첫 번째

  요소를 선택한다.

• $("ul li:first") : 첫 번째
  에서 첫 번째
  • 요소를 선택한다.
  • $("ul li:first-child") : 모든
    에서 첫 번째
    • 요소를 선택한다.
    • $("[href]") : href 속성을 가진 모든 요소들을 선택한다.
    • $("a[target='_blank']") : 모든 요소들 중 target 속성에서 _blank 값을
      가진 것들을 선택한다.
    • $("a[target!='_blank']") : 위와 반대로 _blank 값이 없는 것들을 선택한다.
    • $(":button") : 모든 요소와 모든 을 선택한다.
    • $("tr:even") : 모든 짝수 요소를 선택한다.
    • $("tr:odd") : 모든 홀수 요소를 선택한다.
    • $("ul > li") :
      요소에서 직계 자손인
      • 요소만 선택한다.
        (다중 리스트 구조로 되어 있을 때...)