[JQuery] 제이쿼리 기본선택자

선택자

HTML 요소를 선택하거나 조작할 것을 지정

문서 내의 특정 태그를 선택

CSS 선택자와 유사

 

기본선택자

전체 선택자  $(“*”)

태그 선택자 $(“태그명”)

아이디 선택자$(“#아이디명”)

클래스 선택자$(“.클래스명”)

 

√ 전체선택자의 역할 및 사용 예

별표(*) : HTML 문서 내의 모든 태그들을 선택

선택자: 문자열로 취급하여 ‘ ‘ 또는 ‚ ‚로 감싸줌

전체 선택자 표기법의 예 : $(‘*’)

 

√ 태그선택자의 역할 및 사용 예

태그 이름에 근거하여 태그를 선택하며, 태그 이름을 이용

여러 개의 태그 선택 시 콤마( , )로 구분  $(“h1”,”p”)

예 : $(‘h1’)

css( ) 메서드 : 선택된 태그의 스타일 속성 설정, 리턴 시 사용

css( ) 메서드로 선택된 태그의 스타일을 설정하기

설정하고자 하는 속성과 값을 매개변수로 입력

여러 개의 속성을 한 번에 설정하기

 - 콜론(:)으로 속성과 값을 연결

 - 콤마(,)로 구분한 것을 중괄호({})로 묶어줌

 

√ 아이디선택자의 역할 및 사용 예

특정 태그를 찾기 위해 HTML 태그의 id 속성을 이용

샵(#) 다음에 id 지정

하나의 특정 태그를 선택하기 위해서는 문서 내에서 id는 중복되지 않아야 함

 

√ 클래스선택자의 역할 및 사용 예

특정 클래스를 가지는 태그를 찾을 때 사용

마침표(.)를 이용하여 선택

예) $(‘.test’)

클래스 속성을 모두 갖는 태그를 선택하고자 할 경우 클래스 선택자를 붙여서 사용