웹페이지 개발을 보다 동적으로 하기 위해 제이쿼리를 사용하는데
이때 문서 객체 구조 요소를 선택하기 위해 '선택자'를 이용합니다.
선택자와 사용법 입니다.
선택자 |
사용 예시 |
설명 |
* |
$("*") |
전체 요소 선택 |
# |
$("#id") |
id를 가진 요소 선택 |
. |
$(".class") |
class를 가진 요소 선택 |
다중 # |
$("#id1", "#id2") |
id1, id2를 가진 요소 선택 |
다중 . |
$(".class1", ".class2") |
class1, class2를 가진 요소 선택 |
element |
$("p") |
<p> 태그에 해당되는 요소 선택 |
$("div") |
<div> 태그에 해당되는 요소 선택 |
|
$("body") | <body> 태그에 해당되는 요소 선택 | |
다중 element | $("p", "div", "body") | 각 태그에 해당되는 요소 선택 |
:first | $("li:first") | li의 첫번째 요소 선택 |
:last | $("li:last") | li의 마지막 요소 선택 |
:even | $("li:even") | li의 짝수번째 요소 선택 |
:odd | $("li:odd") | li의 홀수번째 요소 선택 |
parent() | $("요소").parent() | 선택 요소의 부모 요소 선택 |
parents() | $("요소").parents() | 선택 요소의 전체 상위 요소 선택 |
:eq(n) | $("요소:eq(0)") | 요소 자식의 인덱스n 요소 선택 |
'Programming > Web' 카테고리의 다른 글
| [게시판]글쓰기 submit 버튼 클릭 후 전송전에 유효성 검사 (0) | 2018.07.14 |
|---|---|
| [Ajax] Ajax 전송 예제 (0) | 2018.07.14 |
| [자바스크립트] location 객체, history 객체, navigator 객체 (0) | 2018.05.08 |
| [자바스크립트] 배열 출력, 추가, 삭제, 정렬 (0) | 2018.05.07 |
| [자바스크립트] D데이 계산, 디데이 계산 (0) | 2018.05.07 |