자바스크립트 내에서 제이쿼리(JQuery) 선택자를 사용할 때, 단일로 사용할 때는 아래와 같이 사용한다.
- $(.class) : 클래스 선택자
- $(#ID) : ID 선택자
- $(input:[name='name 값'])
그렇다면 복수의 경우에는 어떻게 사용할까?
- element[속성~=값] : 해당 값이 특정 단어로 시작
- element[속성^=값] : 특정 값으로 시작하는 객체
- element[속성$=값] : 특정 값으로 끝나는 객체
- element[속성*=값] : 특정 값을 포함하는 문서 객체
특수문자 형식을 잘 살펴보면 이해하기 쉽다. class~는 특정 단어 설정 class^는 특정 값의 시작, class$는 특정 값이 끝나는 부분에, *는 포함 요소를 나타내는데, JQuery로 특정 부분을 선택자로 표현할 때 [class*='classname_']으로 선택할 수 있다.
$("div:[class^='btn_']").onclick() // 스크립트 비선언으로 세미콜론 생략
'Web Development > JavaScript' 카테고리의 다른 글
| jQuery를 사용하여 페이지로드시 자동 클릭 단추 요소 (0) | 2021.07.17 |
|---|---|
| 매우 심플한 슬라이더(Very Simple Slider) (0) | 2021.07.17 |
| 자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법 (0) | 2021.07.17 |
| JQuery 학습사이트 - 제이쿼리를 공부할 때 유용한 사이트 (1) | 2021.07.17 |
| Onclick Event(온클릭 이벤트) (0) | 2021.07.17 |
| 3초마다 모달창으로 "Hello" 구현하기 (0) | 2021.07.17 |
| [JavaScript] 버튼 클릭 제어 (0) | 2021.07.17 |
| Simple Slider(JQuery) 심플한 슬라이더 (0) | 2021.07.17 |
