라이브러리 브랜드

Korean English Japanese

JavaScript(JQuery) 선별선택자·복수선택자

공유하기
반응형

자바스크립트 내에서 제이쿼리(JQuery) 선택자를 사용할 때, 단일로 사용할 때는 아래와 같이 사용한다.

  • $(.class) : 클래스 선택자
  • $(#ID) : ID 선택자
  • $(input:[name='name 값'])

그렇다면 복수의 경우에는 어떻게 사용할까?

  • element[속성~=값] : 해당 값이 특정 단어로 시작
  • element[속성^=값] : 특정 값으로 시작하는 객체
  • element[속성$=값] : 특정 값으로 끝나는 객체
  • element[속성*=값] : 특정 값을 포함하는 문서 객체

특수문자 형식을 잘 살펴보면 이해하기 쉽다. class~는 특정 단어 설정 class^는 특정 값의 시작, class$는 특정 값이 끝나는 부분에, *는 포함 요소를 나타내는데, JQuery로 특정 부분을 선택자로 표현할 때 [class*='classname_']으로 선택할 수 있다.

$("div:[class^='btn_']").onclick() // 스크립트 비선언으로 세미콜론 생략

 

반응형
댓글 0
  • 라이브러리 브랜드에 새로운 의견을 남겨주세요.