OneDev

[jQuery] jQuery 기본선택자 본문

WEB/jQuery

[jQuery] jQuery 기본선택자

one_dev 2023. 3. 22. 09:07

◎ jQuery 메소드의 가장 기본적인 형태 :

  • 문서객체를 다룰 때 사용하는 형태

 

◎ 전체 선택자 : *

  • * : HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자
  • (예시) 모든 문서 객체의 color 스타일 속성에 blue 입력하기

전체선택자

◎ 태그 선택자

  • 특정한 태그만 선택하는 선택자
  • 태그 이름 사용
  • (예시)

 

◎ 아이디 선택자

  • 특정한 id 속성을 가지고 있는 문서객체 선택하는 선택자
  • ' 태그이름#id ' 또는 ' #id '형태로 사용
  • (예시)

 

◎ 클래스 선택자

  • 특정 class 속성을 가진 문서 객체를 선택하는 선택자
  • ' 태그.(class이름) ' 또는  ' .(class이름) ' 의 형태로 사용
  • (예시)

 

◎ jQuery 자식 선택자와 후손 선택자

  • 기본 선택자의 앞에 붙여 사용하며, 기본 선택자의 범위 제한
  • '부모 > 자식' 과 같은 형태로 사용

 

◎ jQuery 속성 선택자

  • 기본선택자 뒤에 붙여 사용

type속성의 값이 text인 input태그 선택

◎ jQuery 입력양식 필터 선택자

  • input 태그의 type속성에 따라 문서 객체 선택 가능

 

◎ jQuery 필터 선택자

  • 위치와 관련된 필터 선택자

  • 함수 형태의 필터 선택자

'WEB > jQuery' 카테고리의 다른 글

[Ajax] async : 비동기식/동기식 처리  (0) 2023.03.27
[jQuery] $(document).ready()  (0) 2023.02.15
jQuery 개요  (0) 2023.02.15
Comments