제이쿼리는 기본적으로 선택자를 통해서 엘리먼트에 접근한다.
$()를 팩토리함수라 하고 괄호안에 CSS선택자를 정의해서 DOM노드를 반환 하는 기능을 한다.
기본 선택자
기본 선택자는 CSS와 같다.
| 셀렉터 사용법 |
설명 |
| $("p") |
element 셀렉터 |
| $("#id") |
id 셀렉터 |
| $(".class") |
class 셀렉터 |
쌍 따옴표 안에 태그명을 띄어쓰기로 나열하면 직속 하위 엘리먼트라는 의미한다.
[ ]를 사용하면 요소의 속성을 선택할 수 있다**.**
- ^ : 앞의 글자 패턴과 같으면 선택
- $ : 뒤의 글자 패턴과 같으면 선택
- : 속성 안에 글자가 포함되어 있다면 선택
- ~ : 속성 안에 글자가 정확히 포함되어 있으면 선택, 중복 불가
- = : 완전히 일치해야 선택
사용자 정의 선택자
- :eq(index) : 선택된 요소들 중 index에 해당하는 요소
- :odd : 홀수 행 선택
- :even : 짝수 행 선택
- :contains("문자열") : 해당 문자열이 포함된 요소를 선택
- :gt : greater than (>)
- :lt : less than (<)